/* ==========================================
   TOKENS DE DISEÑO - SEMILLERO ABRÁZATE
   ========================================== */

:root {
  /* Oscuros */
  --noche:#1A103C;
  --noche-alta:#241748;
  --bruma:#2E2054;

  /* Claros */
  --lino:#F8F5EF;
  --lino-alto:#FFFFFF;
  --niebla:#EDE7DC;

  /* Identidad del semillero */
  --savia:#2F6B54;
  --savia-alta:#3D8869;
  --brote:#8FBFA6;
  --brote-tenue:#DCEBE2;

  /* Acción — TODO botón primario y llamados a la acción */
  --accion:#318664;
  --accion-alta:#389E77;
  --accion-clara:#4AC290;
  --accion-sombra:rgba(49,134,100,.35);

  /* Heredados de marca */
  --ciruela:#7A2877;
  --rosa-malva:#BA4C9E;  /* rosa morado claro en armonía con el logo */
  --oro-marca:#FFD500;   /* oro SOLO para el sello Círculos de Aprendizaje */

  /* Etapas de la ruta */
  --etapa-raiz:#6B4A9E;
  --etapa-suelo:#BA4C9E;  /* Rosa morado claro */
  --etapa-tallo:#2F6B54;  /* Verde savia */
  --etapa-poda:#A03A64;
  --etapa-fruto:#1E6E8C;
  --etapa-semilla:#318664; /* Verde esmeralda */

  /* Texto */
  --tinta:#221B33;
  --tinta-media:#574E6D;
  --tinta-suave:#857D96;
  --sobre-oscuro:#F6F3EC;
  --sobre-oscuro-medio:#C3BCD4;

  /* Sistema */
  --exito:#2F6B54;
  --error:#B3442E;
  --borde-claro:rgba(34,27,51,.12);
  --borde-oscuro:rgba(246,243,236,.18);

  /* Velos sobre fotografía */
  --velo-lateral:linear-gradient(90deg,rgba(26,16,60,.95) 0%,rgba(26,16,60,.72) 50%,rgba(26,16,60,.25) 100%);
  --velo-inferior:linear-gradient(180deg,rgba(26,16,60,0) 0%,rgba(26,16,60,.72) 100%);

  /* Radios */
  --r-sm:8px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:28px;
  --r-full:999px;

  /* Sombras */
  --sombra-sm:0 1px 3px rgba(34,27,51,.07);
  --sombra-md:0 6px 20px rgba(34,27,51,.10);
  --sombra-lg:0 14px 38px rgba(34,27,51,.14);
  --sombra-accion:0 6px 20px var(--accion-sombra);

  /* Espaciado */
  --e-1:4px;
  --e-2:8px;
  --e-3:12px;
  --e-4:16px;
  --e-5:24px;
  --e-6:32px;
  --e-7:48px;
  --e-8:56px;
  --e-9:64px;
  --e-10:80px;

  /* Tipografía — UNA sola familia */
  --f:'Inter',system-ui,-apple-system,sans-serif;
  --t-xs:.75rem;
  --t-sm:.8125rem;
  --t-base:.9375rem;
  --t-md:1rem;
  --t-lg:1.125rem;
  --t-xl:1.375rem;
  --t-2xl:clamp(1.5rem,1.3rem + .8vw,1.875rem);
  --t-3xl:clamp(1.75rem,1.5rem + 1vw,2.25rem);
  --t-4xl:clamp(2rem,1.6rem + 1.8vw,3rem); /* Ningún texto pasa de 48px (3rem) */
  --t-cifra:clamp(2.25rem,1.8rem + 2vw,3rem); /* Capped to max 48px (3rem) */

  --ancho-max:1240px;
  --ancho-texto:56ch;
  --header-h:72px;
  --curva:cubic-bezier(.22,1,.36,1);
  --rapido:200ms;
  --medio:320ms;
  --lento:640ms;
}