/* tokens.css — Nexus Console design system
   All values defined here as CSS custom properties.
   No external CSS framework dependency. */

:root {
  /* ── Colour palette ─────────────────────────────────────────── */
  --c-bg:       #0b0d14;
  --c-surface:  #13151f;
  --c-card:     #1a1d2b;
  --c-sidebar:  #0f1120;
  --c-border:   #252838;
  --c-border-2: #1e2133;

  --c-accent:   #3d7fff;
  --c-accent-h: #5590ff;
  --c-green:    #2dcc8a;
  --c-red:      #ff4d6a;
  --c-orange:   #f5a623;
  --c-purple:   #a78bfa;

  --c-text:     #e4e7f0;
  --c-muted:    #8891aa;
  --c-faint:    #3a3f56;

  /* ── Typography ─────────────────────────────────────────────── */
  --font:        system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:   "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   14px;
  --text-md:     15px;
  --text-lg:     16px;
  --text-xl:     20px;
  --text-2xl:    24px;

  /* ── Spacing ────────────────────────────────────────────────── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* ── Radii ──────────────────────────────────────────────────── */
  --r-sm:  5px;
  --r-md:  8px;
  --r-lg:  10px;
  --r-xl:  12px;
  --r-full: 9999px;

  /* ── Shadows ────────────────────────────────────────────────── */
  --shadow-card: 0 2px 16px rgba(0,0,0,.35);

  /* ── Sidebar width ──────────────────────────────────────────── */
  --sidebar-w: 220px;
  --topbar-h:  56px;

  /* ── Transitions ────────────────────────────────────────────── */
  --ease: .15s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: var(--font);
  font-size: var(--text-base);
  background: var(--c-bg);
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
}