/* =====================================================================
   OLTIXA · marca "Chakana" (2026-10-01). ÚNICO lugar de colores y fuentes.
   Ficha: /var/www/lab/.oxira/estilos/CHAKANA.md
   - Logo: cruz andina escalonada (chakana) con el corte de la fibra y la luz roja al centro.
   - Colores de campo: rojo láser + ginda (marca), laguna (oscuros), jade (en línea / acento),
     óxido (avisos, oferta). Fondo BLANCO limpio, grises neutros. Nunca vino casi negro,
     nunca crema, nunca el azul/índigo de "IA".
   - Fuentes autoalojadas (OFL): Chakra Petch (marca, títulos, números) y
     Atkinson Hyperlegible Next (texto; distingue 0/O y 1/l/I en seriales e IPs).
   Lo cargan los tres layouts justo después de oltixa.css. Partes:
   1) fuentes · 2) paleta --ch-* · 3) textura (solo landing) · 4) tipografía.
   El mapa de la paleta a los paneles (--ox-*, Bootstrap) está en oltixa.css, sección 1.
   ===================================================================== */

/* ── 1. Fuentes ─────────────────────────────────────────────────────── */
@font-face{font-family:"Chakra Petch";src:url("../fonts/chakra-petch-600.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("../fonts/chakra-petch-700.woff2") format("woff2");font-weight:650 900;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("../fonts/atkinson-next-vf.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

/* ── 2. Paleta "colores de campo" ───────────────────────────────────── */
:root{
  /* Marca: la luz roja del láser (VFL) y la ginda */
  --ch-rojo:#FF2A3D;      /* la luz: fibra, pulsos, centro de la chakana. No para texto chico sobre blanco */
  --ch-rojo-l:#FF7B88;    /* rojo para TEXTO sobre laguna (5,9:1) */
  --ch-rojo-ll:#FFC7CD;
  --ch-rojo-d:#D61A2E;
  --ch-ginda:#8E1B2E;     /* marca: botones, logo, palabra destacada (texto sobre blanco 8,9:1) */
  --ch-ginda-l:#A3223A;
  --ch-ginda-h:#771526;
  --ch-ginda-d:#6E1424;
  --ch-ginda-dd:#4A0E1A;  /* borde inferior de botones con volumen */
  --ch-ginda-n:#D2344E;   /* ginda sobre fondos oscuros (chakana del logo oscuro, modo noche) */
  --ch-ginda-t:#F8ECEE;   /* tinte suave */

  /* Laguna andina: secciones oscuras, pie, portada (reemplaza al vino casi negro) */
  --ch-laguna:#032D2F;    /* muy oscuro (fondo de portada y pie) */
  --ch-laguna-2:#073A3D;  /* segundo oscuro, tarjetas sobre laguna */
  --ch-laguna-3:#094649;  /* bordes y relieves */
  --ch-laguna-4:#0E5558;  /* brillo del degradado, info */
  --ch-laguna-0:#021F21;  /* sombra más honda (frente de montañas) */
  --ch-laguna-txt:#A8C7C3;/* texto suave sobre laguna (8,2:1) */
  --ch-laguna-tt:#D5E6E3; /* texto claro sobre laguna */
  --ch-laguna-t:#E3EFEE;  /* tinte para fondos suaves */

  /* Jade / verde piedra: en línea, acentos */
  --ch-jade:#3C8858;      /* íconos y superficies (texto grande) */
  --ch-jade-d:#2A7946;    /* texto y botones verdes (5,3:1) */
  --ch-jade-dd:#1B572A;
  --ch-jade-l:#84AC91;    /* claro: texto sobre laguna, dibujos */
  --ch-jade-t:#E6F2EA;    /* tinte */
  --ch-jade-led:#5BD083;  /* LED "en línea" sobre oscuro */

  /* Óxido: avisos, oferta, pines numerados */
  --ch-oxido:#B7410E;     /* texto y fondo con letra blanca (5,6:1) */
  --ch-oxido-l:#D3602F;   /* acento grande */
  --ch-oxido-m:#C95D2F;
  --ch-oxido-d:#8A300A;   /* borde inferior / texto sobre tinte */
  --ch-oxido-ll:#E8A07E;  /* óxido para texto sobre laguna (6,9:1) */
  --ch-oxido-t:#FCEFE8;   /* tinte de avisos */
  --ch-oxido-led:#F08A4B; /* LED "aviso" sobre oscuro */

  /* Neutros (sin crema, sin rosado) */
  --ch-blanco:#FFFFFF;
  --ch-hielo:#F3F5F4;     /* separar secciones */
  --ch-hielo-2:#E7ECEA;
  --ch-linea:#E2E7E5;
  --ch-tinta:#161C1B;     /* texto principal */
  --ch-gris:#5A6461;      /* texto secundario (6,1:1) */
  --ch-gris-2:#8A9390;    /* solo íconos o texto grande */

  /* Estados */
  --ch-ok:var(--ch-jade-d);
  --ch-aviso:var(--ch-oxido);
  --ch-error:#C8283A;
  --ch-error-led:#FF5B6E;

  /* Fuentes */
  --ch-f-marca:"Chakra Petch","Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ch-f-texto:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ch-f-mono:ui-monospace,"SF Mono",Consolas,"Liberation Mono",monospace;

  /* Textura (solo landing y portadas, nunca en paneles): grano fino + veta de piedra.
     Se usan como capas de fondo con background-blend-mode: soft-light. */
  --ch-grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  --ch-veta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='v' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .012' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23v)' opacity='.42'/%3E%3C/svg%3E");

  --bs-body-font-family:var(--ch-f-texto);
}

/* ── 3. Textura (solo landing y portadas) ───────────────────────────────
   Receta: la sección define --ch-fondo (su degradado) y usa
   background-image:var(--ch-grano),var(--ch-veta),var(--ch-fondo);
   background-blend-mode:soft-light,soft-light,normal  (ver landing.css: .fx-hero, .fx-puente…) */

/* ── 4. Tipografía ──────────────────────────────────────────────────── */
body{font-family:var(--ch-f-texto)}
.ox-app-shell{font-family:var(--ch-f-texto)}
.ox-app-shell h1,.ox-app-shell .h1,.ox-app-shell h2,.ox-app-shell .h2,.ox-app-shell h3,.ox-app-shell .h3,.ox-app-shell h4,.ox-app-shell .h4,
.ox-app-shell .modal-title,.ox-kpi-n,.ox-dias b,.ox-brand-word,.ax-head h1,.ax-title,.ax-num b{font-family:var(--ch-f-marca);letter-spacing:-.01em}
.ox-kpi-n{font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* Marca en los paneles: chakana + OLTIXA (X en rojo láser) */
.ox-brand{font-family:var(--ch-f-marca);font-weight:700;letter-spacing:.12em}
.ox-brand b{color:var(--ch-rojo);font-weight:700}
.ox-brand-word{font-weight:700}
.ox-brand-tag{font-family:var(--ch-f-texto);letter-spacing:.06em}