/* ============================================================
   EONARIA — Design Tokens  (modo oscuro fijo)
   ============================================================ */
:root {
  /* === FONDOS === */
  --bg-0:      #080F0D;
  --bg-1:      #111C18;
  --bg-2:      #1A2E27;
  --bg-3:      #243C33;
  --bg-glass:  rgba(11,18,15,0.82);

  /* === ACENTOS === */
  --accent:       #FE8304;
  --accent-bright:#FFA040;
  --accent-dim:   rgba(254,131,4,0.12);
  --accent-glow:  rgba(254,131,4,0.30);

  --green:        #5BBD8A;
  --green-dim:    rgba(91,189,138,0.12);
  --green-bright: #7DD9A8;

  /* === COLORES DE CATEGORÍA (gradientes de card header) === */
  --cat-mirada-critica:       linear-gradient(150deg,#071520 0%,#0E3050 100%);
  --cat-accion-social:        linear-gradient(150deg,#071A0F 0%,#0E4023 100%);
  --cat-herramientas-ong:     linear-gradient(150deg,#1E0D00 0%,#6B3000 100%);
  --cat-recomendaciones:      linear-gradient(150deg,#1E1400 0%,#584000 100%);
  --cat-patrimonio:           linear-gradient(150deg,#001520 0%,#003050 100%);
  --cat-en-el-nido:           linear-gradient(150deg,#120020 0%,#350060 100%);
  --cat-educacion-alternativa:linear-gradient(150deg,#071508 0%,#134018 100%);

  /* Acento de borde por categoría */
  --cat-mirada-critica-c:       #4A9ECC;
  --cat-accion-social-c:        #5BBD8A;
  --cat-herramientas-ong-c:     #FE8304;
  --cat-recomendaciones-c:      #FFC840;
  --cat-patrimonio-c:           #4AADCC;
  --cat-en-el-nido-c:           #AA60FF;
  --cat-educacion-alternativa-c:#6ECC70;

  /* === TEXTO === */
  --text-0: #EDE8E0;
  --text-1: #A8C5B8;
  --text-2: #6A9080;

  /* === BORDES === */
  --border:        rgba(255,255,255,0.07);
  --border-light:  rgba(255,255,255,0.12);
  --border-accent: rgba(254,131,4,0.35);

  /* === TIPOGRAFÍA === */
  --font-title: 'Montserrat', system-ui, sans-serif;
  --font-body:  'Merriweather', Georgia, serif;
  --font-mono:  'JetBrains Mono', monospace;

  --t-xs:   clamp(0.68rem,  0.65rem + 0.13vw, 0.75rem);
  --t-sm:   clamp(0.80rem,  0.77rem + 0.18vw, 0.875rem);
  --t-base: clamp(0.94rem,  0.90rem + 0.28vw, 1.0625rem);
  --t-md:   clamp(1.06rem,  1.00rem + 0.40vw, 1.25rem);
  --t-lg:   clamp(1.25rem,  1.15rem + 0.60vw, 1.5625rem);
  --t-xl:   clamp(1.55rem,  1.35rem + 1.10vw, 2.1rem);
  --t-2xl:  clamp(1.90rem,  1.60rem + 1.70vw, 2.875rem);
  --t-3xl:  clamp(2.50rem,  2.10rem + 2.20vw, 4.0rem);
  --t-hero: clamp(3.00rem,  2.50rem + 3.00vw, 5.5rem);

  --lh-tight:   1.15;
  --lh-snug:    1.35;
  --lh-normal:  1.65;
  --lh-relaxed: 1.85;

  /* === ESPACIADO === */
  --s-2xs: 0.25rem;
  --s-xs:  0.5rem;
  --s-sm:  0.875rem;
  --s-md:  1.375rem;
  --s-lg:  2.25rem;
  --s-xl:  3.75rem;
  --s-2xl: 6.5rem;

  /* === RADIOS === */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   14px;
  --r-xl:   22px;
  --r-full: 9999px;

  /* === SOMBRAS === */
  --shadow-sm:     0 2px 12px rgba(0,0,0,0.55);
  --shadow-md:     0 6px 32px rgba(0,0,0,0.65);
  --shadow-lg:     0 12px 60px rgba(0,0,0,0.75);
  --shadow-accent: 0 6px 32px var(--accent-glow);

  /* === TRANSICIONES === */
  --tr-fast: 140ms ease;
  --tr-base: 260ms ease;
  --tr-slow: 420ms cubic-bezier(0.4,0,0.2,1);

  /* === LAYOUT === */
  --max-w:     1320px;
  --sidebar-w: 300px;
  --header-h:  68px;

  /* === Z-INDEX === */
  --z-base:    1;
  --z-card:    10;
  --z-header:  100;
  --z-search:  200;
  --z-modal:   300;
}