/* =====================================================================
   Kit visual Colonna · tokens.css
   Identidad vigente: decisión D-014 del canon (colonna-lanzadera-q4).
   Fuente de verdad del oscuro: el :root de _web-colonna/index.html
   (divisual-kits, H-001), relevado el 2026-10-08. Los nombres cortos
   (--gold, --ink, --bg2...) son los de esa fuente, sin cambios.
   La variante clara toma sus valores de asi-trabajamos.html (pieza
   propia de Colonna, julio 2026); dos tonos son derivados del kit
   para llegar a contraste AA y están marcados como tales.
   Copy y oferta NO viven acá: D-005 V0.2, D-011 y D-013 del canon.
   ===================================================================== */

/* ---------- Fuentes locales (SIL OFL 1.1, ver fuentes/OFL-*.txt) ---------- */
@font-face { font-family: 'Sora'; font-weight: 400; font-style: normal; font-display: block; src: url('fuentes/Sora-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Sora'; font-weight: 600; font-style: normal; font-display: block; src: url('fuentes/Sora-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Sora'; font-weight: 700; font-style: normal; font-display: block; src: url('fuentes/Sora-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Sora'; font-weight: 800; font-style: normal; font-display: block; src: url('fuentes/Sora-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: block; src: url('fuentes/Inter-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-style: normal; font-display: block; src: url('fuentes/Inter-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: block; src: url('fuentes/Inter-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-style: normal; font-display: block; src: url('fuentes/Inter-Bold.ttf') format('truetype'); }

:root {
  /* ---------- Oscuro: valores exactos de la web ---------- */
  --gold: #F5C95A;        /* oro principal: acento único */
  --gold2: #E0A82E;       /* oro secundario: columnas del logo, final de degradados */
  --ink: #E7ECF5;         /* texto principal sobre oscuro */
  --muted: #9AA6BC;       /* texto secundario sobre oscuro */
  --cap: #5B9DFF;         /* azul: kicker y detalles, con cuentagotas */
  --bg0: #05070F;         /* fondo más profundo (nunca #000) */
  --bg1: #070B16;         /* fondo medio */
  --bg2: #0A1020;         /* fondo navy base */
  --card: rgba(255,255,255,.04);       /* tarjetas */
  --line: rgba(255,255,255,.09);       /* bordes */
  --gold-line: rgba(245,201,90,.35);   /* línea de acento */

  /* Complementos que la misma web usa fuera del :root */
  --ink-2: #C7D0E0;       /* subtítulos */
  --ink-3: #AEB8CC;       /* párrafo de apoyo (lead) */
  --ok: #3FCC75;          /* semántico: éxito o estado (landings) */
  --on-gold: #0A1020;     /* texto sobre botón o chip oro */
  --grad-texto: linear-gradient(118deg, #ffffff 22%, #FDE9B8 58%, #F5C95A 100%); /* solo el remate del titular, de dos palabras o más; el #fff inicial replica la web */
  --grad-oro: linear-gradient(120deg, #F5C95A, #E0A82E);                        /* botones y chips */
  --sombra-oro: 0 8px 30px rgba(224,168,46,.25);                                 /* sombra tintada, nunca negra */
  --fondo-oscuro:
    radial-gradient(1100px 600px at 88% -12%, rgba(224,168,46,.16), transparent 60%),
    radial-gradient(900px 520px at -8% 110%, rgba(91,157,255,.13), transparent 55%),
    linear-gradient(155deg, #0A1020 0%, #070B16 55%, #05070F 100%);

  /* ---------- Claro: interiores de documentos largos ---------- */
  /* Valores de asi-trabajamos.html; el rol de cada uno lo asigna el kit. */
  --claro-fondo: #FBF7EE;           /* página: blanco cálido, nunca #fff */
  --claro-bloque: #F4EFE4;          /* recuadros y bandas */
  --claro-tinta: #1B2338;           /* texto principal (AA 14,6:1 sobre fondo) */
  --claro-tinta-suave: #57617B;     /* texto secundario (AA 5,8:1) */
  --claro-navy: #10192E;            /* títulos */
  --claro-oro: #B8841C;             /* oro sobre claro: solo gráficos y texto grande (3,1:1) */
  --claro-ok: #2E8B57;              /* semántico sobre claro: solo gráficos y texto grande (4,0:1) */
  --claro-linea: rgba(16,25,46,.11);
  --claro-linea-suave: rgba(16,25,46,.06);
  --claro-sombra: 0 1px 2px rgba(16,25,46,.05), 0 8px 24px -12px rgba(16,25,46,.18);
  /* Derivados del kit (no están en ninguna fuente): tonos oscurecidos para texto chico AA */
  --claro-oro-texto: #8C6410;       /* derivado de #B8841C; 5,0:1 sobre fondo */
  --claro-azul: #2A64C2;            /* derivado de #5B9DFF; 5,3:1 sobre fondo */

  /* ---------- Tipografía ---------- */
  --font-titulos: 'Sora', system-ui, sans-serif;   /* títulos y cifras: 600-800 */
  --font-texto: 'Inter', system-ui, sans-serif;    /* texto: 400-700 */

  /* ---------- Logo (recolorean el SVG cuando va inline; ver reglas al final) ---------- */
  --logo-oro-1: #F5C95A;
  --logo-oro-2: #E0A82E;
  --logo-texto: #F5C95A;

  /* ---------- Sistema cerrado: radios (valores que usa la web) ---------- */
  --radio-chico: 14px;
  --radio: 18px;
  --radio-grande: 22px;
  --radio-pildora: 999px;
  /* Sombra de profundidad sobre oscuro, tintada de navy (la web usa negro; el kit la tinta) */
  --sombra-profunda: 0 30px 80px rgba(5,7,15,.55);
}

/* Logo inline: estas reglas le ganan al atributo fill del SVG. Como <img>,
   en Word o en ReportLab se usa el color fijo del archivo (versión -claro para fondo claro). */
svg .colonna-o1 { fill: var(--logo-oro-1); }
svg .colonna-o2 { fill: var(--logo-oro-2); }
svg .colonna-t  { fill: var(--logo-texto); }

/* Logo inline sobre fondo claro: columna en oro oscuro, palabra en navy. */
.sobre-claro {
  --logo-oro-1: #B8841C;
  --logo-oro-2: #8C6410;
  --logo-texto: #10192E;
}

/* Imprimir los fondos tal cual (PDF por navegador). */
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

/* Inter cambia paréntesis y corchetes delante de mayúsculas por variantes sin
   código Unicode: en el PDF, «(USD 750)» se copia con un carácter roto.
   Sin las alternativas contextuales el texto se copia y se busca bien. */
html { font-feature-settings: "calt" 0; }