/* Lentes.io · demo borrador r5 · capa 0: tokens
   Colores MUESTREADOS de las capturas de campus-cognitionis.com y de Lentes.io (01/11/2026).
   Son aproximados (capturas comprimidas y cristales sobre fotos): se sustituirán por los códigos exactos
   que aporte el usuario. Único valor confirmado: #1E2025. */

:root {
  /* Neutros */
  --c-azul: #1E2025;          /* confirmado · barras de navegación, botones oscuros, zona HeptaClasificación */
  --c-gris-cajon: #47484C;    /* listas del cajón de menú */
  --c-fondo: #EFEDEE;         /* fondo de Lentes.io, pestaña activa */
  --c-pestana: #ECE9EA;       /* pestañas inactivas */
  --c-carril: #D2D1D1;        /* carril de pestañas, bordes claros */
  --c-hero: #CBCDCD;          /* panel central del destacado */
  --c-verdegris: #636E6E;     /* paneles laterales del destacado */
  --c-icono: #5F6766;         /* iconos del riel */
  --c-pizarra: #3C4C4C;       /* botón «Más información», barra de progreso */
  --c-fecha: #76777A;         /* píldora de la fecha */
  --c-texto: #454545;         /* texto de pestaña activa */
  --c-texto-tenue: #848384;   /* texto de pestaña inactiva */
  --c-blanco: #FFFFFF;
  --c-negro: #000000;

  /* Marca */
  --c-arena: #E8DAB2;         /* elegido (Registro r7); muestreado #E7D9B5 */
  --c-crema: #F4EFD9;         /* círculo del isotipo de Campus */
  --c-oro: #DCB042;           /* CC-08 · ÚNICO dorado de marca: el del logotipo (tema de Wix). Los demás derivan de él */
  --c-dorado: var(--c-oro);   /* antes #D4B664 (trazo del isotipo antiguo): capa V3, Mesas */
  --c-dorado-texto: color-mix(in srgb, var(--c-oro) 50%, #CBCBCB);   /* ≈ #D4BE87 (antes #D3BE86): antetítulos y grupos */
  --c-rosa-hexa: #C7AEA1;     /* «HeptaClasificación.» */

  /* Transparencias de los anteriores */
  --c-linea-oscura: rgba(255, 255, 255, 0.12);
  --c-velo-oscuro: rgba(255, 255, 255, 0.05);
  --c-texto-suave: rgba(255, 255, 255, 0.74);
  --c-azul-suave: rgba(30, 32, 37, 0.72);
  --c-azul-linea: rgba(30, 32, 37, 0.14);

  /* Tipografía (Registro r7, sección 6) */
  --f-titular: "Newsreader", Georgia, "Times New Roman", serif;
  --f-interfaz: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Cristal de interfaz (cerrado por el usuario): borde nítido, lo de detrás desenfocado.
     CC-08 · Escala única de desenfoque (radios). Toda regla de backdrop-filter usa uno de estos cinco niveles. */
  --desenfoque-fino: 8px;       /* flechas, velo de las ventanas, píldoras pequeñas */
  --desenfoque-base: 14px;      /* toda transparencia sin regla propia; foto de fondo */
  --desenfoque-barra: 18px;     /* cabecera, fecha, paneles y cristales grandes */
  --desenfoque-ventana: 24px;   /* ventanas (Mensa, Bandeja, G0004/G0005, tarjeta de W0207) */
  --desenfoque-dock: 33px;      /* panel desplegado del dock */
  --cristal-claro: rgba(239, 237, 238, 0.62);
  --cristal-oscuro: rgba(30, 32, 37, 0.62);
  --cristal-desenfoque: blur(var(--desenfoque-barra)) saturate(1.2);

  /* CC-08 · Escala única de sombras (elevación). Sombras de color, interiores o sobre superficies claras quedan aparte. */
  --sombra-1: 0 1px 4px rgba(0, 0, 0, 0.45);      /* píldoras y contactos (dock, Bandeja, casillas) */
  --sombra-2: 0 6px 18px rgba(0, 0, 0, 0.28);     /* botones, iconos y portadas pequeñas */
  --sombra-3: 0 12px 30px rgba(0, 0, 0, 0.35);    /* isotipos, tarjetas y menús */
  --sombra-4: 0 24px 60px rgba(0, 0, 0, 0.45);    /* paneles y megamenú */
  --sombra-5: 0 30px 80px rgba(0, 0, 0, 0.5);     /* ventanas */
  --sombra-cartel: 0 2px 6px rgba(0, 0, 0, 0.18), 0 18px 40px rgba(0, 0, 0, 0.32);
  --sombra-cartel-alta: 0 4px 10px rgba(0, 0, 0, 0.2), 0 24px 52px rgba(0, 0, 0, 0.4);

  /* Medidas */
  --radio-grande: 22px;
  --radio-cartel: 16px;
  --ancho-max: 1240px;
  --ancho-cartel: min(256px, 42vw);

  /* Sección por defecto (sin muestra) */
  --sec-fuerte: var(--c-pizarra);
  --sec-portada-a: var(--c-pizarra);
  --sec-portada-b: var(--c-verdegris);
  --sec-suave: var(--c-hero);
  --sec-titulo: var(--c-hero);
}

/* Color por sección: data-seccion en la sección, la tarjeta y la ventana */
[data-seccion="literaria"] {        /* botones HeptaClasificación, tarjeta Royce, tarjeta Montgomery */
  --sec-fuerte: #8B4746;
  --sec-portada-a: #734C44;
  --sec-portada-b: #786561;
  --sec-suave: #DECACA;
  --sec-titulo: #C7AEA1;
}
[data-seccion="cientifica"] {       /* tarjeta Presentism (cristal sobre foto: confianza baja) */
  --sec-fuerte: #4F5655;
  --sec-portada-a: #4F5655;
  --sec-portada-b: #505050;
  --sec-suave: #A8A7A7;
  --sec-titulo: #A8A7A7;
}
[data-seccion="historiografica"] {  /* tarjeta Le Corbusier */
  --sec-fuerte: #66562F;
  --sec-portada-a: #66562F;
  --sec-portada-b: #9B927E;
  --sec-suave: #B1B0AF;
  --sec-titulo: #D3BE86;
}
[data-seccion="tonos"] {            /* página de la Revista Tonos y su icono */
  --sec-fuerte: #424E6C;
  --sec-portada-a: #313E53;
  --sec-portada-b: #424E6C;
  --sec-suave: #9BA9D4;
  --sec-titulo: #9BA9D4;
}
/* Deportiva y Nación: sin muestra en las capturas; usan los valores por defecto (pizarra y verde grisáceo). */