/* ══ tokens.css · Paleta y tipografía REALES de abogadopro.cl ═══════════════════════════════════════════════
   ORIGEN
   · Tokens --ap-*: medidos el 23-oct-2026 en el CSS servido de abogadopro.cl (/assets/index-C-nCrIQP.css y
     /assets/home-BFP15P4u.css); lista completa en T20A/herramientas/tokens-abogadopro-cl.txt. Los valores no se
     inventaron ni se ajustaron: se copiaron tal cual.
   · Fuentes: Sora (títulos y cifras, variable 100–800) y Manrope (texto, variable 200–800), archivos descargados de
     abogadopro.cl/fonts/ (copiados de T20B/fonts/). Sin cursiva (Sora no la tiene).
   · @font-face y respaldos métricos «Sora fb» / «Manrope fb» (Arial ajustada con size-adjust/ascent-override medidos
     por T20B para que el cambio de fuente no mueva nada → CLS 0): T20B/pagina-standalone.html líneas 49-54.
   · Superficie oscura (--ap-bg…): la de T20B (:root, l. 59-75), renombrada a nombres de marca.
   NOTAS
   · El sitio declara JetBrains Mono como --ap-mono pero NO la sirve (404 en /fonts/). El kit usa Manrope con numerales
     tabulares para rótulos técnicos (igual que T20B).
   · Radio de la marca: 5 px, nunca píldora en controles de formulario (KIT-COMPARTIDO §1).
   · Cómo se usa: <link rel="stylesheet" href="tokens.css"> y las fuentes quedan en fonts/ junto a este archivo.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:"Sora";src:url(fonts/Sora-latin.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/Manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Sora fb";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:600 800;size-adjust:106.6%;ascent-override:91%;descent-override:27.2%;line-gap-override:0%}
@font-face{font-family:"Sora fb";src:local("Arial"),local("ArialMT");font-weight:100 599;size-adjust:106.6%;ascent-override:91%;descent-override:27.2%;line-gap-override:0%}
@font-face{font-family:"Manrope fb";src:local("Arial"),local("ArialMT");font-weight:100 800;size-adjust:101.6%;ascent-override:105.3%;descent-override:29.5%;line-gap-override:0%}

:root{
  /* ── Marca (medidos en abogadopro.cl) ── */
  --ap-fondo-oscuro:#0A1628;      /* cabecera del sitio (rgba(10,22,40,.95)) y fondo de páginas oscuras */
  --ap-marino-hondo:#0B2C4C;
  --ap-marino:#103A62;
  --ap-azul:#3E8FD4;              /* texto sólo ≥ 24 px o en negrita */
  --ap-azul-txt:#1F63A6;          /* texto azul sobre claro */
  --ap-celeste:#7FBEE9;
  --ap-niebla-0:#F7FAFE;
  --ap-niebla:#EEF4FB;
  --ap-niebla-2:#E3EDF8;
  --ap-tinta:#16212E;
  --ap-tinta-2:#2E4459;
  --ap-apagado:#4A6076;
  --ap-borde:#DCE7F4;
  --ap-borde-control:#6C8199;
  --ap-blanco:#FFFFFF;
  --ap-inv:#FFFFFF;
  --ap-inv-2:#D7E7F6;
  --ap-inv-apagado:#B4D2EC;
  --ap-foco:#1F63A6;
  --ap-sel-bg:#CFE4F8;
  --ap-grad:linear-gradient(135deg,#7FBEE9 0%,#3E8FD4 55%,#2360A0 100%);
  --ap-grad-cta:linear-gradient(135deg,#2A6FB5 0%,#2360A0 55%,#194B80 100%);
  --ap-grad-hair:linear-gradient(90deg,transparent 0%,var(--ap-borde) 14%,var(--ap-borde) 86%,transparent 100%);
  --ap-brillo:linear-gradient(108deg,transparent 24%,rgba(255,255,255,.26) 48%,transparent 72%);
  /* Avisos */
  --ap-ambar:#B45309; --ap-ambar-bd:#FCD34D; --ap-ambar-bg:#FFFBEB; --ap-ambar-tinte:#FEF3C7; --ap-ambar-txt:#78350F;
  --ap-verde:#047857; --ap-verde-bd:#6EE7B7; --ap-verde-bg:#ECFDF5; --ap-verde-tinte:#D1FAE5; --ap-verde-txt:#065F46;
  /* Verde de acción («Consulta gratis» / WhatsApp): sólido con texto blanco, o brillo con texto oscuro */
  --ap-accion:#157A3C;            /* hsl(142 70% 28%) */
  --ap-accion-brillo:#22C35D;     /* el verde del botón de T20B (texto #0A1628) */
  --ap-accion-suave:#86EFAC;

  /* ── Tipografía ── */
  --ap-display:"Sora","Sora fb",ui-sans-serif,system-ui,sans-serif;                 /* títulos y TODAS las cifras */
  --ap-texto:"Manrope","Manrope fb",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ap-mono:"Manrope","Manrope fb",ui-sans-serif,system-ui,sans-serif;              /* JetBrains Mono no se sirve: ver nota */
  --ap-track-display:-.02em;
  --ap-track-display-xl:-.032em;
  --ap-lh-display:1.14;
  --ap-fs-display:clamp(2.25rem,1.6rem + 2.6vw,4.5rem);

  /* ── Forma ── */
  --ap-radio:5px;                 /* controles: campos, botones, chips */
  --ap-radio-panel:16px;          /* paneles y tarjetas */

  /* ── Superficie oscura (por defecto; la de T20B) ── */
  --ap-s-fondo:#0A1628;
  --ap-s-fondo-2:#0C1C31;
  --ap-s-panel:#12304F;
  --ap-s-panel-2:#0C1C31;
  --ap-s-texto:#F7FAFE;
  --ap-s-texto-2:#D7E7F6;
  --ap-s-texto-3:#A3C2DF;
  --ap-s-borde:rgba(127,190,233,.22);
  --ap-s-borde-fuerte:rgba(127,190,233,.5);
  --ap-s-acento:#7FBEE9;          /* texto de acento sobre oscuro */
  --ap-s-accion:#22C35D;          /* fondo del botón principal */
  --ap-s-accion-texto:#0A1628;
  --ap-s-accion-hover:#86EFAC;
  --ap-s-campo:#06101E;
  --ap-s-campo-texto:#F7FAFE;
  --ap-s-foco:#22C35D;
  color-scheme:dark;
}

/* ── Superficie clara: data-tema="claro" en <body> o en cualquier contenedor ── */
[data-tema="claro"]{
  --ap-s-fondo:#F7FAFE;
  --ap-s-fondo-2:#EEF4FB;
  --ap-s-panel:#FFFFFF;
  --ap-s-panel-2:#EEF4FB;
  --ap-s-texto:#16212E;
  --ap-s-texto-2:#2E4459;
  --ap-s-texto-3:#4A6076;
  --ap-s-borde:#DCE7F4;
  --ap-s-borde-fuerte:#6C8199;
  --ap-s-acento:#1F63A6;
  --ap-s-accion:#157A3C;
  --ap-s-accion-texto:#FFFFFF;
  --ap-s-accion-hover:#0F6330;
  --ap-s-campo:#FFFFFF;
  --ap-s-campo-texto:#16212E;
  --ap-s-foco:#1F63A6;
  color-scheme:light;
}