/* SOVRAS design tokens — paleta extraida del banco oficial "fotos final web" (2026-06-16).
   Tema CLARO (fondo blanco, como webs de startups). Carcasa visual = Lio; alma/color = SOVRAS. */
:root{
  /* superficie */
  --bg:            #FFFFFF;          /* fondo principal: blanco */
  --bg-soft:       #F6F4F1;          /* secciones alternas, crema muy sutil */
  --bg-ink:        #14202E;          /* secciones oscuras puntuales (footer/CTA) */
  --surface-card:  #FFFFFF;

  /* tinta / texto */
  --ink:           #1A2738;          /* texto principal (navy del banco) */
  --ink-soft:      #4A586A;          /* texto secundario */
  --ink-mute:      #8A95A3;          /* texto terciario */
  --line:          #E7E3DE;          /* bordes/hairlines */

  /* acentos (del banco) */
  --accent:        #FF6600;          /* terracota — acento principal SOVRAS */
  --accent-deep:   #E65C00;          /* terracota oscuro (hover/press) */
  --teal:          #2F6886;          /* secundario frio */
  --teal-soft:     #6B8B9E;          /* azul polvo */
  --cream:         #E1D0C0;          /* neutro calido */

  /* tipografia — fuente REAL de Lio medida del sitio: Geist + Geist Mono.
     Sistema de escala: html{font-size:95.238%} => 1rem = 15.238px (medido).
     h1=5rem(76.19px) lh1 ls-0.05em · h2=2rem(30.48px) lh1.2 · body=1rem(15.24px) · container=62.5rem(952px) · nav=6.25rem(95px) */
  --font-display:  "Geist", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-ui:       "Geist", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono:     "Geist Mono", ui-monospace, "SFMono-Regular", monospace;
  --container:     62.5rem;   /* 952px */
  --nav-h:         6.25rem;   /* 95px */

  /* movimiento (medido del bundle de Lio: GSAP power2.out, dur 1s, stagger .05, delay .2) */
  --ease:          cubic-bezier(.22,.61,.36,1); /* aprox power2.out */
  --dur:           1s;
  --stagger:       .05s;
  --delay:         .2s;

  /* radios / sombras */
  --r-sm: 8px; --r-md: 14px; --r-lg: 22px;
  --shadow-soft: 0 1px 2px rgba(20,32,46,.04), 0 8px 24px rgba(20,32,46,.06);
}