:root {
  /* ── Brand (from ALPS Ventures logo) ── */
  --accent: #5988FF;           /* Primary Blue */
  --accent-2: #4475F5;         /* Primary Dark Blue */
  --slate: #2C3A46;            /* Dark Slate (hex mark) */
  --accent-glow: rgba(89,136,255,.35);
  --accent-glow-soft: rgba(89,136,255,.15);

  /* ── Surfaces ── */
  --bg-base: #0B0D10;
  --surface: #111418;
  --surface-elevated: #16191E;
  --glass-bg: rgba(255,255,255,0.035);
  --glass-bg-hover: rgba(255,255,255,0.06);
  --glass-border: rgba(89,136,255,0.14);
  --glass-border-strong: rgba(89,136,255,0.28);

  /* ── Text ── */
  --text-primary: rgba(255,255,255,0.92);
  --text-secondary: rgba(255,255,255,0.55);
  --text-muted: rgba(255,255,255,0.32);

  /* ── Status (ONLY these contexts get non-blue color) ── */
  --success: #4ade80;
  --warning: #fb923c;
  --danger:  #f87171;
  --info:    var(--accent);

  /* ── Category accents for stat-card icons only (blue stays dominant elsewhere) ── */
  --cat-sales: #5988FF;
  --cat-orders: #7C93FF;
  --cat-profit: #9B7CFF;
  --cat-inventory: #4DD4C0;
  --cat-net: #FF7CC0;

  /* ── Layout ── */
  --font: 'Space Grotesk', sans-serif;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 18px;
  --shadow: 0 4px 16px rgba(0,0,0,.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.5);
  --transition: all .2s cubic-bezier(.4,0,.2,1);

  /* ── Chrome dimensions ── */
  --topbar-h: 56px;
  --navbar-h: 44px;
  --bottomnav-h: 60px;

  /* ── Breakpoints (referenced in comments; CSS can't read vars in @media) ──
     mobile:  <= 640px
     tablet:  641px - 1024px
     desktop: > 1024px
  */
}