/* ============================================================================
   ARREGLAME · Design tokens — "Centro de operaciones premium" (DARK ONLY)
   Base grafito casi negro + acento de señal cian/teal frío. Sin modo claro.
   ============================================================================ */
:root {
  /* Tipografía */
  --font-ui: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Escala tipográfica (compacta, densidad de command-center) */
  --fz-2xs: .6875rem; --fz-xs: .75rem; --fz-sm: .8125rem; --fz-md: .9375rem;
  --fz-lg: 1.0625rem; --fz-xl: 1.375rem; --fz-2xl: 1.875rem; --fz-3xl: 2.5rem;

  /* Espaciado */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px;

  /* Radios */
  --r-xs: 6px; --r-sm: 8px; --r: 11px; --r-lg: 15px; --r-xl: 20px; --r-pill: 999px;

  /* ── Base oscura ── */
  --bg: #0A0D12;
  --bg-grid: rgba(255, 255, 255, .022);
  --surface: #13171F;
  --surface-2: #1A1F29;
  --hover: #222937;
  --border: #242C38;
  --border-2: #354050;
  --text: #ECEFF4;
  --text-2: #98A2B2;
  --text-3: #626C7C;

  /* ── Acento de señal: cian / teal frío ── (marca, CTA, foco, nav activo, KPIs) */
  --accent: #38CBDB; /* cian/teal de señal */
  --accent-2: #5FDAE7;
  --accent-ink: #04171B;
  --on-accent: #04171B;
  --accent-soft: rgba(56, 203, 219, .13);
  --accent-ring: rgba(56, 203, 219, .34);

  /* ── Semánticos (sobre oscuro) ── */
  --danger: #F26B62; --danger-soft: rgba(242, 107, 98, .14);
  --warn: #F2A24E;   --warn-soft: rgba(242, 162, 78, .14);
  --info: #6FA0F2;   --info-soft: rgba(111, 160, 242, .14);
  --ok: #45C788;     --ok-soft: rgba(69, 199, 136, .14);
  --violet: #A38BF0; --violet-soft: rgba(163, 139, 240, .15);

  /* ── Sombras ── */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .32);
  --shadow-2: 0 8px 22px rgba(0, 0, 0, .44);
  --shadow-3: 0 22px 60px rgba(0, 0, 0, .64);

  --nav-w: 244px;
  --maxw: 1320px;
  color-scheme: dark;
}