/* ============================================================
   ENGITECH CLOUD — Design System v0.1 (Fase 0)
   Derivado del Manual de Marca Engitech 2023
   Paleta: negro #000 · gris #7f868c · azul #3183d7 · carbón #2b3339
   Tipos: Montserrat (texto) · Mandatory Plaything (display marca)
   ============================================================ */

/* ---------- Fuentes de marca ---------- */
@font-face { font-family: 'Montserrat'; src: url('../fuentes/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fuentes/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fuentes/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fuentes/Montserrat-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Mandatory'; src: url('../fuentes/MandatoryPlaything.otf') format('opentype'); font-weight: 400; font-display: swap; }

/* ---------- Tokens — modo oscuro (default de marca) ---------- */
:root {
  /* superficies */
  --bg: #14181d;
  --surface: #1b2127;
  --raised: #212a32;
  --sunken: #10141a;
  --line: #2c3640;
  --line-strong: #3c4854;

  /* tinta */
  --ink: #edf0f3;
  --ink-2: #a9b3bc;
  --ink-3: #7f868c;          /* gris primario de marca */

  /* acento — azul de marca #3183d7 ajustado a superficie oscura */
  --accent: #4a94dc;
  --accent-strong: #3183d7;
  --accent-soft: rgba(74, 148, 220, 0.12);
  --accent-ink: #cfe4f8;

  /* estado (validados dataviz, banda L 0.48–0.67 dark) — SIEMPRE con icono+texto */
  --ok: #2f8f60;      --ok-soft: rgba(47, 143, 96, 0.14);
  --warn: #bb8823;    --warn-soft: rgba(187, 136, 35, 0.14);
  --crit: #d95043;    --crit-soft: rgba(217, 80, 67, 0.14);

  /* geometría — precisión de plano técnico, no redondeces genéricas */
  --r: 3px;
  --r-lg: 5px;

  --font: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Mandatory', 'Montserrat', sans-serif;
  --mono: 'JetBrains Mono', 'Fira Code', ui-monospace, 'Cascadia Code', Consolas, monospace;

  --pad: 20px;
  --sidebar-w: 232px;
  color-scheme: dark;
}

/* ---------- Tokens — modo claro ---------- */
:root[data-theme="light"] {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --raised: #ffffff;
  --sunken: #eceef1;
  --line: #e1e4e8;
  --line-strong: #c9ced5;

  --ink: #16181b;
  --ink-2: #4b5560;
  --ink-3: #7f868c;

  --accent: #2b76c4;
  --accent-strong: #3183d7;
  --accent-soft: rgba(49, 131, 215, 0.10);
  --accent-ink: #205a96;

  --ok: #237a4f;      --ok-soft: rgba(35, 122, 79, 0.10);
  --warn: #a87718;    --warn-soft: rgba(168, 119, 24, 0.12);
  --crit: #c23a2e;    --crit-soft: rgba(194, 58, 46, 0.10);
  color-scheme: light;
}