/* =====================================================================
   StrategIA Central · Tokens
   Bloque copiado tal cual del Sistema de Diseño v1.1 (sección Implementación).
   No se reinterpreta: si un valor cambia, cambia primero en el documento.
   ===================================================================== */
:root{
  /* marca */
  --sgc-naranja:#F67E1D;   --sgc-carmin:#C74973;
  --sgc-purpura:#9334B2;   --sgc-azul:#3A34EF;
  --sgc-grad:linear-gradient(115deg,#F67E1D 0%,#F67E1D 18%,
             #C74973 38%,#9334B2 55%,#3A34EF 82%,#3A34EF 100%);

  /* marca en texto (AA sobre fondo claro) */
  --sgc-naranja-txt:#AC5107; --sgc-carmin-txt:#B1365F;
  --sgc-purpura-txt:#7D2C97; --sgc-azul-txt:#1912E5;

  /* superficie y tinta */
  --sgc-ground:#FAFAFC;  --sgc-surface:#FFFFFF; --sgc-sunken:#F2F2F7;
  --sgc-ink:#12121A;     --sgc-ink-2:#3A3A47;   --sgc-muted:#5C5C6B;
  --sgc-faint:#8A8A99;   --sgc-rule:#E4E4EC;    --sgc-rule-strong:#CFCFDB;

  /* interacción */
  --sgc-accent:#3A34EF;  --sgc-accent-ink:#1912E5; --sgc-on-accent:#FFFFFF;

  /* semántica */
  --sgc-ok:#1B7A4B; --sgc-warn:#8A5B00; --sgc-bad:#B32036;

  /* tipografía */
  --sgc-serif:"Source Serif 4",Charter,Georgia,serif;
  --sgc-sans:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
  --sgc-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  /* espacio y forma */
  --sgc-s1:4px;  --sgc-s2:8px;  --sgc-s3:12px; --sgc-s4:16px;
  --sgc-s5:24px; --sgc-s6:32px; --sgc-s7:44px; --sgc-s8:56px;
  --sgc-s9:80px; --sgc-s10:112px;
  --sgc-r-sm:3px; --sgc-r-md:4px; --sgc-r-lg:6px;
  --sgc-shadow:0 1px 2px rgba(18,18,26,.06),0 4px 12px rgba(18,18,26,.05);
  --sgc-measure:70ch;
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --sgc-ground:#0D0D14;  --sgc-surface:#14141D; --sgc-sunken:#1B1B25;
    --sgc-ink:#F2F2F7;     --sgc-ink-2:#C9C9D6;   --sgc-muted:#9A9AAC;
    --sgc-faint:#6E6E80;   --sgc-rule:#2A2A36;    --sgc-rule-strong:#3C3C4B;
    --sgc-accent:#7F7BF5;  --sgc-accent-ink:#9A97F8; --sgc-on-accent:#0D0D14;
    --sgc-naranja-txt:#F7913F; --sgc-carmin-txt:#CF6488;
    --sgc-purpura-txt:#B35CD0; --sgc-azul-txt:#7F7BF5;
    --sgc-ok:#4FBF85; --sgc-warn:#D8A23A; --sgc-bad:#F2708A;
  }
}
:root[data-theme="dark"]{
  --sgc-ground:#0D0D14;  --sgc-surface:#14141D; --sgc-sunken:#1B1B25;
  --sgc-ink:#F2F2F7;     --sgc-ink-2:#C9C9D6;   --sgc-muted:#9A9AAC;
  --sgc-faint:#6E6E80;   --sgc-rule:#2A2A36;    --sgc-rule-strong:#3C3C4B;
  --sgc-accent:#7F7BF5;  --sgc-accent-ink:#9A97F8; --sgc-on-accent:#0D0D14;
  --sgc-naranja-txt:#F7913F; --sgc-carmin-txt:#CF6488;
  --sgc-purpura-txt:#B35CD0; --sgc-azul-txt:#7F7BF5;
  --sgc-ok:#4FBF85; --sgc-warn:#D8A23A; --sgc-bad:#F2708A;
}

/* ---------------------------------------------------------------------
   Extensión local (no está en el documento; ver NOTAS-PARA-JC.md):
   el mismo juego de tokens oscuros, disponible como ámbito para el único
   acto oscuro de la página (bloque 4). Valores idénticos a [data-theme="dark"].
   --------------------------------------------------------------------- */
.sgc-dark{
  --sgc-ground:#0D0D14;  --sgc-surface:#14141D; --sgc-sunken:#1B1B25;
  --sgc-ink:#F2F2F7;     --sgc-ink-2:#C9C9D6;   --sgc-muted:#9A9AAC;
  --sgc-faint:#6E6E80;   --sgc-rule:#2A2A36;    --sgc-rule-strong:#3C3C4B;
  --sgc-accent:#7F7BF5;  --sgc-accent-ink:#9A97F8; --sgc-on-accent:#0D0D14;
  --sgc-naranja-txt:#F7913F; --sgc-carmin-txt:#CF6488;
  --sgc-purpura-txt:#B35CD0; --sgc-azul-txt:#7F7BF5;
  --sgc-ok:#4FBF85; --sgc-warn:#D8A23A; --sgc-bad:#F2708A;
  /* degradado de regla sobre tinta: las cuatro paradas en su variante
     de tema oscuro del propio sistema, para que el extremo azul no desaparezca */
  --sgc-grad:linear-gradient(115deg,#F7913F 0%,#F7913F 18%,
             #CF6488 38%,#B35CD0 55%,#7F7BF5 82%,#7F7BF5 100%);
}

/* Escala tipográfica del Sistema de Diseño, expresada como tokens de sitio */
:root{
  --fs-display:clamp(2.1rem, 1.25rem + 2.5vw, 3.5rem);   /* Display / H1 */
  --fs-h2:clamp(1.5rem, 1.15rem + 1.1vw, 2.1rem);        /* Sección / H2 */
  --fs-h3:1.10rem;                                        /* Subtítulo / H3 */
  --fs-lead:clamp(1.15rem, 1.05rem + .45vw, 1.4rem);     /* Entrada / lead */
  --fs-body:1rem;                                         /* Cuerpo */
  --fs-ui:.92rem;                                         /* Interfaz */
  --fs-label:.72rem;                                      /* Etiqueta / dato */

  --lh-display:1.06; --lh-h2:1.18; --lh-h3:1.30; --lh-lead:1.55;
  --lh-body:1.65; --lh-ui:1.45; --lh-label:1.40;

  /* ritmo de página: la escala base 4 del sistema, compuesta */
  --section-pad:clamp(80px, 9vw, 168px);
  --container:1280px;
  --gutter:clamp(20px, 5vw, 72px);
  --header-h:64px;
}