/* ============================================================
   STAGE by Innova Centre · Tokens de diseño (claymorphism)
   Fuente de verdad: tokens/design-tokens.json + tokens/clay.css
   Nunca inventes colores; deriva con oklch() si necesitas un matiz.
   ============================================================ */
:root{
  /* Paleta */
  --tinta:#122620;
  --morado:#630679;
  --morado-hondo:#4a0559;
  --morado-tinta:#3d0449;
  --ambar:#fd9d0b;
  --ambar-hondo:#8a5405;
  --petroleo:#0d384a;
  --fondo:#eeecf0;
  --superficie:#e7e5ea;
  --superficie-alta:#f5f4f4;
  --blanco:#ffffff;
  --gris:#b4b4b4;

  /* Semánticos fijos por sistema (nunca editables por la academia) */
  --alerta:#c02b3c;
  --ok:#1c7a4a;

  /* Tokens editables por la academia (plan Franquicia).
     El JS los sobrescribe en :root cuando hay marca propia. */
  --c-botones:var(--ambar);
  --c-encabezados:var(--morado);
  --c-navbar:var(--petroleo);

  /* Sombras clay */
  --clay-up:6px 6px 12px rgba(18,38,32,.14),-6px -6px 12px rgba(255,255,255,.95),inset 1px 1px 2px rgba(255,255,255,.8);
  --clay-up-soft:5px 5px 11px rgba(18,38,32,.13),-5px -5px 11px rgba(255,255,255,.95);
  --clay-up-xs:4px 4px 9px rgba(18,38,32,.12),-4px -4px 9px rgba(255,255,255,.95);
  --clay-float:0 14px 28px rgba(18,38,32,.10),0 -6px 16px rgba(255,255,255,.9);
  --clay-in:inset 6px 6px 12px rgba(18,38,32,.11),inset -6px -6px 12px rgba(255,255,255,.95);
  --clay-in-focus:inset 6px 6px 12px rgba(18,38,32,.13),inset -6px -6px 12px rgba(255,255,255,.95),0 0 0 1.5px rgba(99,6,121,.35);
  --clay-morado:6px 6px 14px rgba(99,6,121,.32),-4px -4px 10px rgba(255,255,255,.85),inset 2px 2px 4px rgba(255,255,255,.26),inset -2px -3px 5px rgba(18,38,32,.28);
  --clay-ambar:6px 6px 14px rgba(253,157,11,.36),-4px -4px 10px rgba(255,255,255,.85),inset 2px 2px 4px rgba(255,255,255,.45),inset -2px -3px 5px rgba(120,70,0,.24);
  --clay-ambar-lg:8px 8px 18px rgba(253,157,11,.42),-6px -6px 14px rgba(255,255,255,.9),inset 2px 2px 5px rgba(255,255,255,.5),inset -3px -4px 6px rgba(120,70,0,.25);
  --clay-nav:0 -10px 24px rgba(13,56,74,.28),inset 0 2px 4px rgba(255,255,255,.14);
  --clay-sheet:0 -12px 32px rgba(18,38,32,.22);

  /* Radios */
  --r-pantalla:30px;
  --r-sheet:26px;
  --r-card:22px;
  --r-fila:16px;
  --r-campo:14px;
  --r-boton:15px;
  --r-back:13px;
  --r-pill:999px;

  /* Tipografía */
  --f-display:'Anton',sans-serif;
  --f-ui:'DM Sans',sans-serif;
  --f-datos:'Oxygen',sans-serif;
}