/* ============================================================
   Tokens IT Server · fuente única (ver tokens.json y el manual de marca en brand/)
   Tema claro (sobrio) por defecto · tema oscuro opcional
   ============================================================ */
/* Fuentes recortadas a latín y a los ejes/pesos que usa el sitio (tools/subset-fonts.sh; originales en tools/fonts-src) */
@font-face{font-family:'Michroma';src:url(/fonts/michroma.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Saira';src:url(/fonts/saira-var.woff2) format('woff2');font-weight:500 800;font-stretch:100% 112%;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-var.woff2) format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(/fonts/jetbrains-mono-var.woff2) format('woff2');font-weight:400 500;font-style:normal;font-display:swap}

:root{
  /* tipografía: voz "SERVER" (extendida), voz "IT" (núcleo), texto, código */
  --font-ext:'Michroma','Saira',system-ui,sans-serif;
  --font-core:'Saira',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  /* geometría del logo: corte a 60° de los botones (el resto de la geometría está en tokens.json) */
  --cut:12px; --cut-y:calc(var(--cut)*1.7320508);
  --clip-btn:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut-y),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut-y)));
  --r-glass:16px; --r-sm:12px; --blur:14px;
  /* movimiento */
  --ease:cubic-bezier(.16,.84,.24,1);
}

/* ---------- CLARO · sobrio (por defecto) ---------- */
:root,[data-theme="light"]{
  color-scheme:light;
  --bg:#F2F3EF; --bg-2:#E9ECE5; --bg-3:#FFFFFF;
  --text:#121613; --text-2:#454E47; --muted:#5D665F; --dim:#7E857F; /* apagado legible: 3.4:1 */
  --line:rgba(18,22,19,.10); --line-2:rgba(18,22,19,.18);
  --accent:#0F7A29;          /* verde legible sobre claro (texto, énfasis) */
  --sig:#139632;             /* señal gráfica: puntos, LED, estados (nunca con texto encima) */
  --fill:#0F7A29; --on-fill:#FFFFFF; /* par relleno/texto para estados activos (5.5:1) */
  --glow:rgba(24,166,54,.28);
  --btn-bg:#121613; --btn-fg:#F4F5F1; --btn-hover:#0F7A29;
  --glass-bg:rgba(255,255,255,.46); --glass-bg-2:rgba(255,255,255,.74);
  --glass-brd:rgba(255,255,255,.8); --glass-hi:rgba(255,255,255,1); --glass-ring:rgba(255,255,255,.55); --glass-tint:rgba(24,166,54,.06);
  --glass-shadow:0 18px 40px -22px rgba(22,52,28,.28),0 3px 10px -4px rgba(22,52,28,.10); --glass-solid:rgba(250,251,248,.94);
  --lattice:rgba(18,22,19,.075); --sweep:rgba(24,166,54,.2);
  --blob-1:rgba(150,212,132,.26); --blob-2:rgba(214,230,208,.55); --blob-3:rgba(228,232,224,.85);
  --sym:#1B1918; /* símbolo: negro original del archivo CDR */
  --gi-f1:var(--sym); --gi-d2:var(--sym); --gi-d3:var(--sym); --gi-cut:#FFFFFF; --gi-gap:#F4F5F2;
  --alert:#D13438;           /* 6.1:1 sobre --bg */
  --wa-ink:#128C4A;          /* ícono de WhatsApp sobre claro (≥3:1) */
  --console:#0B110D; --console-line:rgba(255,255,255,.08);
  --wm-g:#26FA28; --wm-w:#302F2F;
}
/* ---------- OSCURO ---------- */
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070B08; --bg-2:#050806; --bg-3:#0E1510;
  --text:#F1F5F2; --text-2:#B3BAB4; --muted:#A0A0A0; --dim:#5A665E; /* 3.3:1 */
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --accent:#26FA28; --sig:#26FA28; --glow:rgba(38,250,40,.35);
  --fill:#26FA28; --on-fill:#02140A; /* 13.4:1 */
  --btn-bg:#26FA28; --btn-fg:#02140A; --btn-hover:#00FF00;
  --glass-bg:rgba(22,34,25,.58); --glass-bg-2:rgba(34,50,38,.7);
  --glass-brd:rgba(255,255,255,.12); --glass-hi:rgba(255,255,255,.16); --glass-ring:rgba(255,255,255,.07); --glass-tint:rgba(38,250,40,.07);
  --glass-shadow:0 24px 50px -24px rgba(0,0,0,.7),0 2px 8px -2px rgba(0,0,0,.4); --glass-solid:rgba(14,22,16,.94);
  --lattice:rgba(255,255,255,.055); --sweep:rgba(38,250,40,.14);
  --blob-1:rgba(114,185,67,.16); --blob-2:rgba(38,250,40,.05); --blob-3:rgba(10,30,14,.5);
  --sym:#F1F5F2; /* símbolo invertido sobre oscuro */
  --gi-f1:var(--sym); --gi-d2:var(--sym); --gi-d3:var(--sym); --gi-cut:#070B08; --gi-gap:#111813;
  --alert:#FF4D4D;
  --wa-ink:#25D366;
  --console:#050A07; --console-line:rgba(255,255,255,.08);
  --wm-g:#26FA28; --wm-w:#FFFFFF;
}