/* BuscadorConstitucional · sistema de diseño, capa de tokens. Fuente y reglas: 5-design/kit-constitucional/README.md.
   Las hojas usan solo los semánticos (--cn-*): las primitivas (--esmeralda-*) no salen de este archivo. */
@font-face { font-family: "Manrope"; font-weight: 400; font-display: swap; src: url("fonts/manrope-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap; src: url("fonts/manrope-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 600; font-display: swap; src: url("fonts/manrope-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 700; font-display: swap; src: url("fonts/manrope-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Domine"; font-weight: 400; font-display: swap; src: url("fonts/domine-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Domine"; font-weight: 600; font-display: swap; src: url("fonts/domine-latin-600-normal.woff2") format("woff2"); }

:root {
  /* Esmeralda: la marca. El matiz se mantiene de punta a punta (~160°) para que el tinte no vire al azul de BT. */
  --esmeralda-950: #022c22; --esmeralda-900: #064e3b; --esmeralda-800: #065f46; --esmeralda-700: #047857;
  --esmeralda-600: #059669; --esmeralda-300: #6ee7b7; --esmeralda-200: #a7f3d0; --esmeralda-100: #d1fae5; --esmeralda-50: #ecfdf5;
  /* Neutros con un grano de esmeralda: nunca gris puro. */
  --neutro-950: #101c18; --neutro-800: #27362f; --neutro-600: #4c5d55; --neutro-300: #cfdcd6; --neutro-200: #e2ebe6;
  --neutro-100: #f1f6f3; --neutro-50: #f9fbfa; --blanco: #ffffff;

  /* Marca y acción */
  --cn-marca: var(--esmeralda-700);
  --cn-marca-fuerte: var(--esmeralda-800);
  --cn-marca-suave: var(--esmeralda-50);
  --cn-marca-tenue: var(--esmeralda-100);
  --cn-en-marca: var(--blanco);
  --cn-en-marca-suave: var(--esmeralda-200);
  --cn-acento-oscuro: var(--esmeralda-300);
  --cn-mundo-b: var(--esmeralda-900);
  /* El gradiente de BL (--oc-bg-marca) con sus mismos cortes y ángulo, en esmeralda. */
  --cn-bg-marca:
    radial-gradient(ellipse 70% 85% at 85% 40%, rgba(16, 185, 129, .42), transparent 75%),
    linear-gradient(115deg, var(--esmeralda-950) 0%, var(--esmeralda-900) 42%, var(--esmeralda-700) 75%, var(--esmeralda-900) 100%);
  /* El pie lleva texto chico donde el gradiente aclara: un velo de esmeralda profunda lo mantiene en 4,5:1. */
  --cn-bg-pie: linear-gradient(rgb(2 44 34 / .32), rgb(2 44 34 / .32)), var(--cn-bg-marca);
  /* Trazos y velos blancos sobre el mundo de marca */
  --cn-mundo-linea: rgb(255 255 255 / .16); --cn-mundo-borde: rgb(255 255 255 / .26); --cn-mundo-velo: rgb(255 255 255 / .08);
  /* Texto y superficies */
  --cn-tinta: var(--neutro-950);
  --cn-texto: var(--neutro-800);
  --cn-suave: var(--neutro-600);
  --cn-linea: var(--neutro-200);
  --cn-linea-fuerte: var(--neutro-300);
  --cn-fondo: var(--neutro-50);
  --cn-banda: var(--neutro-100);
  --cn-superficie: var(--blanco);
  /* Estados del contenido */
  --cn-reserva-fondo: #e7ecea;
  --cn-reserva-texto: var(--neutro-600);
  --cn-resaltado: #fdf0b5;
  --cn-foco: var(--esmeralda-600);
  --cn-error: #a4262c;
  /* Tipografía: Manrope para operar, Domine para leer y para títulos. Solo existen esas caras. */
  --cn-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --cn-serif: "Domine", Georgia, "Times New Roman", serif;
  --cn-t-chico: .8125rem; --cn-t-sec: .875rem; --cn-t-base: 1rem; --cn-t-lead: 1.0625rem; --cn-t-h3: 1.0625rem;
  --cn-t-h2: 1.125rem; --cn-t-h1: clamp(1.5rem, 2.6vw, 2rem); --cn-t-mundo: clamp(1.875rem, 3.6vw, 2.75rem);
  /* Espacio, en una sola escala de 4 px */
  --cn-e1: .25rem; --cn-e2: .5rem; --cn-e3: .75rem; --cn-e4: 1rem; --cn-e5: 1.5rem; --cn-e6: 2rem; --cn-e7: 3rem; --cn-e8: 4rem;
  /* Forma: esquinas contenidas, para que se lea como herramienta de trabajo */
  --cn-radio: 6px; --cn-radio-chico: 3px; --cn-radio-pill: 999px;
  /* Solo el visor del documento: la carcasa, las cajas y los botones de BT y BL. */
  --cn-radio-doc: 18px; --cn-radio-boton: 12px;
  --cn-sombra-busca: 0 8px 28px rgba(2, 44, 34, .32);
  --cn-sombra-doc: 0 1px 2px rgba(2, 44, 34, .06), 0 1px 1px rgba(2, 44, 34, .04);
  --cn-ancho: 1160px; --cn-lectura: 780px; --cn-ficha: 900px; --cn-rapida: .15s cubic-bezier(.16, 1, .3, 1);
}