/* =========================================================
   SURLEX CONSULTING — Design tokens
   Derivados del logotipo oficial (Logo-Surlex-Vectorizado.pdf)
   Azul marino #122238 · Oro #A27E4A
   ========================================================= */

:root {
  /* ---- Color de marca (extraído del vectorial) ---- */
  --navy:        #122238;   /* AZUL MARCA — módulos oscuros, texto */
  --gold:        #A27E4A;   /* ORO MARCA — acento, sello, CTA */

  /* Derivados de azul */
  --ink:         #0B1726;   /* tinta: módulo más profundo que el navy */
  --navy-deep:   #0D1A2B;   /* hero */
  --navy-mid:    #1C3450;
  --navy-line:   #2A4461;   /* filetes sobre oscuro */

  /* Derivados de oro */
  --gold-deep:   #8A6A3B;   /* oro sobre fondo claro (texto pequeño, AA) */
  --gold-light:  #C4A775;   /* hover sobre oscuro */
  --gold-pale:   #E3D5BA;

  /* Neutros cálidos */
  --bone:        #F7F4EE;   /* papel — módulos claros */
  --sand:        #EDE7DB;   /* arena — variante de módulo claro */
  --paper:       #FFFFFF;   /* superficie elevada */

  /* Texto */
  --text-dark:       #122238;
  --text-dark-mute:  #3C4D60;
  --text-light:      #F0EDE6;
  --text-light-mute: #C2CEDA;

  --focus: #C4A775;

  /* ---- Tipografía ---- */
  /* Display: didona de alto contraste, misma familia visual que el wordmark SURLEX */
  --font-display: "Playfair Display", "Bodoni Moda", Georgia, serif;
  /* Versales: geométrica espaciada, igual que "ESTRATEGIA Y GESTIÓN DE SUBVENCIONES" */
  --font-caps:    "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  /* Texto corrido: neutra y legible */
  --font-sans:    "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala fluida */
  --fs-display: clamp(2.7rem, 1.5rem + 5.2vw, 5.9rem);
  --fs-h2:      clamp(2rem, 1.25rem + 3vw, 3.7rem);
  --fs-h3:      clamp(1.2rem, 1.08rem + 0.5vw, 1.45rem);
  --fs-lead:    clamp(1.05rem, 0.98rem + 0.45vw, 1.28rem);
  --fs-body:    clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);
  --fs-small:   0.9375rem;
  --fs-micro:   0.75rem;

  --lh-display: 1.04;
  --lh-h2:      1.08;
  --lh-body:    1.72;

  --ls-caps:    0.17em;   /* espaciado del logotipo, ajustado para leerse en pantalla */
  --ls-display: 0.005em;  /* la didona respira: casi sin tracking negativo */

  /* ---- Espaciado ---- */
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --section-y: clamp(5rem, 3rem + 8vw, 10rem);

  /* ---- Layout ---- */
  --container: 1200px;
  --container-narrow: 880px;
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 4rem);
  --header-h: 92px;

  /* ---- Formas ---- */
  --radius-sm: 0px;        /* la marca es de ángulo vivo: sin redondeos */
  --radius:    0px;
  --hair:      1px;
  --frame-offset: 14px;    /* desplazamiento del marco de oro del monograma */

  /* ---- Movimiento ---- */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:  220ms;
  --dur:       480ms;
  --dur-slow:  900ms;

  /* ---- Textura ---- */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}