/* Baruc Security · design tokens (único archivo de tokens).
   Marca: escudo dorado con «B» (logo del cliente) → negro carbón + marfil + UN metal: oro.
   Tipografía: Marcellus (display, afín al romano del logo) + Barlow (texto) + Barlow Condensed (rótulos). */
@font-face { font-family: "Marcellus"; src: url("../fonts/marcellus-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../fonts/barlow-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../fonts/barlow-condensed-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* Superficies */
  --c-negro: #0b0b0d;
  --c-carbon: #141417;
  --c-grafito: #1d1e22;
  --c-marfil: #f5f1e8;
  --c-blanco: #ffffff;

  /* Texto */
  --c-tinta: #16171b;
  --c-tinta-2: #4b4d55;
  --c-claro: #f4efe4;
  --c-claro-2: #b9b3a6;

  /* Oro (metal de la marca) */
  --c-oro: #c9a24a;
  --c-oro-claro: #ead08a;
  --c-oro-texto: #7a5c15;      /* oro legible sobre marfil/blanco (AA) */
  --g-oro: linear-gradient(135deg, #f7e6a6 0%, #d8ae55 30%, #a97b25 55%, #e9c770 78%, #8c6a1e 100%);

  --c-linea: rgba(22, 23, 27, .12);
  --c-linea-oscura: rgba(234, 208, 138, .16);
  --c-wa: #1faa59;
  --c-error: #b42318;
  --c-ok: #1b7e3c;

  /* Compatibilidad con la página de mantenimiento y el manual */
  --c-fondo: var(--c-negro);
  --c-fondo-2: var(--c-grafito);
  --c-texto: var(--c-claro);
  --c-texto-suave: var(--c-claro-2);
  --c-acento: var(--c-oro);
  --c-acento-2: var(--c-oro-claro);

  --f-display: "Marcellus", "Times New Roman", serif;
  --f-texto: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-rotulo: "Barlow Condensed", "Arial Narrow", sans-serif;

  --ancho: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --radio: 6px;
  --radio-g: 14px;
  --sombra: 0 24px 60px -24px rgba(0, 0, 0, .45);
  --sombra-oro: 0 18px 40px -18px rgba(201, 162, 74, .55);
  --ease: cubic-bezier(.22, 1, .36, 1);
  --nav-h: 72px;
}