/* WSI CLINICS · tokens v2 (oscuro cinematográfico)
   Colores, tipografías y movimiento del manual (Ed. I, oct 2026, cap. XII.6), recompuestos sobre verde noche
   según la dirección aprobada por Jose (referencia: eventos.pautanamarketing.com). */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  /* Marca (manual VII) */
  --wsi-verde:        #006039;
  --wsi-verde-noche:  #0B2B21;
  --wsi-oro:          #C8A44D;
  --wsi-oro-profundo: #7D6220;
  --wsi-marfil:       #F4F0E7;
  --wsi-carbon:       #2E2E2E;
  --wsi-blanco:       #FFFFFF;

  /* Fondos: verde noche en 3 niveles */
  --bg:    #081F18;   /* escenas: más profundo que verde noche */
  --bg-2:  #0B2B21;   /* verde noche (base) */
  --bg-3:  #12382B;   /* tarjetas y paneles */
  --ink:   #F4F0E7;   /* marfil como tinta */
  --muted: #B9B4A6;   /* texto secundario: 8,3:1 sobre --bg */
  --dim:   #A8A497;   /* HUD y etiquetas: ≥ 5:1 sobre --bg y --bg-2 */
  --line:  rgba(244, 240, 231, .10);
  --line-2:rgba(244, 240, 231, .18);
  --gold:  #C8A44D;
  --gold-soft: #E3CB8C;

  /* Tipografía: dos voces del manual + mono solo para el HUD */
  --serif: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --sans:  "Jost", "Glacial Indifference", "Century Gothic", Arial, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, Menlo, monospace;
  --t-mega:  clamp(56px, 10.5vw, 168px);  /* titular de escena */
  --t-figure:clamp(72px, 13vw, 200px);    /* cifras (Jost) */
  --t-h1:    clamp(44px, 6.2vw, 96px);
  --t-h2:    clamp(34px, 4.2vw, 64px);
  --t-h3:    clamp(24px, 2.2vw, 32px);
  --t-lead:  clamp(18px, 1.5vw, 21px);
  --t-body:  17px;
  --t-small: 13px;
  --t-hud:   12px;

  /* Espacio y retícula (manual) */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 48px; --s6: 64px; --s7: 96px; --s8: 128px;
  --gutter: clamp(20px, 5.5vw, 80px);
  --maxw: 1440px;
  --section: clamp(80px, 9vw, 128px);

  /* Forma: bordes rectos del escudo */
  --radius: 0;
  --btn-h: 52px;

  /* Movimiento: sereno */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-wsi: cubic-bezier(.22, .61, .36, 1);
  --dur-ui: 450ms;
  --dur-reveal: 1100ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-ui: 0ms; --dur-reveal: 0ms; }
}