/* BuscadorCivil · sistema de diseño, capa de tokens: el de BuscadorConstitucional (patrón «clon independiente», P1 6-nov),
   con la marca «celeste y blanco con ancla grafito» que eligió el founder el 7-nov (variante 2). Lo oscuro (cabecera y portada,
   banda de la ficha, botón principal, pie) es grafito, nunca azul, para no cruzarse con el navy de BT; el contenido va en claro.
   Las hojas usan solo los semánticos (--bcv-*): las primitivas (--celeste-*, --neutro-*) 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 {
  /* Celeste: la marca (founder 6-nov, «celeste blanco»). El matiz se queda en ~200°, lejos del azul marino de BT (~215°, más oscuro). */
  --celeste-950: #082f49; --celeste-900: #0c4a6e; --celeste-800: #075985; --celeste-700: #0369a1;
  --celeste-600: #0284c7; --celeste-500: #0ea5e9; --celeste-300: #7dd3fc; --celeste-200: #bae6fd; --celeste-100: #e0f2fe; --celeste-50: #f0f9ff;
  /* Neutros con un grano de celeste: nunca gris puro. */
  --neutro-950: #0f1a21; --neutro-800: #263540; --neutro-600: #4a5c68; --neutro-300: #cbd9e2; --neutro-200: #e1eaf0;
  --neutro-100: #eff5f9; --neutro-50: #f8fbfd; --blanco: #ffffff;
  /* Grafito: el ancla oscura. Gris carbón con un grano frío, sin matiz azul marino. */
  --grafito-950: #141a20; --grafito-900: #1c242c; --grafito-800: #26313b; --grafito-700: #34414d;

  /* Marca y acción */
  --bcv-marca: var(--celeste-700);
  --bcv-marca-fuerte: var(--celeste-800);
  --bcv-marca-suave: var(--celeste-50);
  --bcv-marca-tenue: var(--celeste-100);
  --bcv-en-marca: var(--blanco);
  --bcv-en-marca-suave: var(--celeste-200);
  --bcv-acento-oscuro: var(--celeste-300);
  --bcv-mundo-b: var(--grafito-900);
  /* El ancla: banda de la ficha y botón «Leer el fallo». Grafito con un leve degradé, sin brillo celeste. */
  --bcv-bg-marca: linear-gradient(115deg, var(--grafito-950) 0%, var(--grafito-900) 55%, var(--grafito-800) 100%);
  --bcv-bg-pie: var(--grafito-950);
  /* El filete celeste amarra cada superficie grafito a la marca (cabecera, banda de la ficha, pie). */
  --bcv-filete: var(--celeste-500);
  /* Botón principal: grafito en reposo, celeste al pasar el cursor. */
  --bcv-boton: var(--grafito-900);
  --bcv-boton-hover: var(--celeste-700);
  --bcv-en-boton: var(--blanco);
  /* Mundo (cabecera y portada): gradiente grafito con brillo celeste, como el granate de BL y el navy de BT (founder 7-nov:
     «falta gradiente en BCivil, como BL y BT»; eligió «gris»). */
  --bcv-bg-mundo:
    radial-gradient(ellipse 60% 120% at 88% 0%, rgb(14 165 233 / .30), transparent 65%),
    radial-gradient(ellipse 40% 80% at 0% 100%, rgb(125 211 252 / .08), transparent 70%),
    linear-gradient(115deg, var(--grafito-950) 0%, var(--grafito-900) 55%, var(--grafito-800) 100%);
  --bcv-mundo-tinta: var(--blanco);
  --bcv-mundo-acento: var(--celeste-300);
  --bcv-mundo-linea-clara: rgb(255 255 255 / .14);
  --bcv-mundo-borde-claro: rgb(255 255 255 / .24);
  /* Trazos y velos blancos sobre las superficies grafito */
  --bcv-mundo-linea: rgb(255 255 255 / .16); --bcv-mundo-borde: rgb(255 255 255 / .26); --bcv-mundo-velo: rgb(255 255 255 / .08);
  /* Texto y superficies */
  --bcv-tinta: var(--neutro-950);
  --bcv-texto: var(--neutro-800);
  --bcv-suave: var(--neutro-600);
  --bcv-linea: var(--neutro-200);
  --bcv-linea-fuerte: var(--neutro-300);
  --bcv-fondo: var(--neutro-50);
  --bcv-banda: var(--neutro-100);
  --bcv-superficie: var(--blanco);
  /* Estados del contenido */
  --bcv-reserva-fondo: #e6edf2;
  --bcv-reserva-texto: var(--neutro-600);
  --bcv-resaltado: #fdf0b5;
  --bcv-foco: var(--celeste-600);
  --bcv-error: #a4262c;
  /* Tipografía: Manrope para operar, Domine para leer y para títulos. Solo existen esas caras. */
  --bcv-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bcv-serif: "Domine", Georgia, "Times New Roman", serif;
  --bcv-t-chico: .8125rem; --bcv-t-sec: .875rem; --bcv-t-base: 1rem; --bcv-t-lead: 1.0625rem; --bcv-t-h3: 1.0625rem;
  --bcv-t-h2: 1.125rem; --bcv-t-h1: clamp(1.5rem, 2.6vw, 2rem); --bcv-t-mundo: clamp(1.875rem, 3.6vw, 2.75rem);
  /* Espacio, en una sola escala de 4 px */
  --bcv-e1: .25rem; --bcv-e2: .5rem; --bcv-e3: .75rem; --bcv-e4: 1rem; --bcv-e5: 1.5rem; --bcv-e6: 2rem; --bcv-e7: 3rem; --bcv-e8: 4rem;
  /* Forma: esquinas contenidas, para que se lea como herramienta de trabajo */
  --bcv-radio: 6px; --bcv-radio-chico: 3px; --bcv-radio-pill: 999px;
  /* Solo el visor del documento: la carcasa, las cajas y los botones de BT y BL. */
  --bcv-radio-doc: 18px; --bcv-radio-boton: 12px;
  --bcv-sombra-busca: 0 10px 30px rgb(3 105 161 / .14), 0 1px 2px rgb(3 105 161 / .10);
  --bcv-sombra-doc: 0 1px 2px rgba(8, 47, 73, .06), 0 1px 1px rgba(8, 47, 73, .04);
  --bcv-ancho: 1160px; --bcv-lectura: 780px; --bcv-ficha: 900px; --bcv-rapida: .15s cubic-bezier(.16, 1, .3, 1);
}
