/* =========================================================
   Simplewire — 2026 EDITION tokens
   Simplewire blue #2382ff is the hero action colour; cyan is
   a precise live / scan signal, never decoration.
   ========================================================= */

:root {
  --sw-bg: #F3F6FA;
  --sw-surface: #FFFFFF;
  --sw-surface-soft: #EAF0F6;
  --sw-surface-sunk: #E0E8F0;

  --sw-ink: #0A1B28;
  --sw-ink-soft: #36485A;
  --sw-muted: #5C6E7D;
  --sw-line: #DDE5EE;
  --sw-line-strong: #C4D0DC;

  --sw-accent: #2382FF;
  --sw-accent-strong: #1466CC;
  --sw-accent-soft: #E4EFFF;
  --sw-accent-line: #B7D4FF;
  --sw-cyan: #6CE2FF;
  --sw-cyan-soft: #E2F8FF;
  --sw-navy: #06192A;
  --sw-grad: var(--sw-accent);

  --sw-success: #1B9E6B;
  --sw-success-soft: #E2F3EC;
  --sw-warning: #B5821E;
  --sw-warning-soft: #F4ECD9;
  --sw-danger: #DB5347;
  --sw-danger-soft: #F8E5E3;
  --sw-info: #2E6F8E;
  --sw-info-soft: #E2EEF3;

  --sw-radius-xs: 5px;
  --sw-radius-sm: 8px;
  --sw-radius-md: 11px;
  --sw-radius-lg: 16px;
  --sw-radius-pill: 999px;

  --sw-shadow-sm: 0 1px 2px rgba(10, 27, 40, 0.06);
  --sw-shadow-md: 0 2px 12px rgba(10, 27, 40, 0.08);
  --sw-shadow-lg: 0 16px 40px rgba(10, 27, 40, 0.12);
  --sw-glow: 0 0 0 4px var(--sw-cyan-soft);

  --sw-space-1: 4px;
  --sw-space-2: 8px;
  --sw-space-3: 12px;
  --sw-space-4: 16px;
  --sw-space-5: 24px;
  --sw-space-6: 32px;
  --sw-space-7: 48px;
  --sw-space-8: 64px;

  --sw-font-display: "Exo", "Exo 2", ui-sans-serif, system-ui, sans-serif;
  --sw-font-sans: "neue-haas-unica", "Inter", "Helvetica Neue", ui-sans-serif,
                  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sw-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --sw-text-xs: 12px;
  --sw-text-sm: 13px;
  --sw-text-base: 15px;
  --sw-text-md: 17px;
  --sw-text-lg: 20px;
  --sw-text-xl: 25px;
  --sw-text-2xl: 31px;
  --sw-text-3xl: 40px;

  --sw-leading-tight: 1.2;
  --sw-leading-snug: 1.35;
  --sw-leading-base: 1.55;

  --sw-weight-regular: 400;
  --sw-weight-medium: 500;
  --sw-weight-semi: 600;
  --sw-weight-bold: 700;
  --sw-track-label: 0.07em;

  --sw-shell-nav: 248px;
  --sw-content-max: 1100px;
  --sw-focus: 0 0 0 3px var(--sw-accent-line);
}