/* EZ Tracker design tokens — the one source of truth for the lights-out look.
   Every page loads this first (app, hub, business, control room, wealth,
   showcase, images). Page stylesheets use these variables; they don't define
   their own colours. To change the look of the whole app, change it here.

   Black canvas, near-black cards, electric blue for action and progress,
   soft-white text, muted gray-blue for secondary text. Green, amber and red
   are reserved for status. */
:root {
  color-scheme: dark;

  /* surfaces */
  --bg-0: #050505;            /* page */
  --bg-1: #050505;
  --surface: #111318;         /* cards, panels */
  --surface-2: #1b202a;       /* elevated: modals, menus, toasts, inputs */
  --surface-3: #232a36;       /* hover on elevated */
  --line: #242b35;            /* borders */
  --line-hi: #34405a;

  /* text */
  --text: #f8fafc;
  --subtle: #a8b4c8;
  --subtle-2: #7d8aa0;        /* captions, meta — still 4.5:1 on cards */

  /* accent */
  --accent: #3b82f6;
  --accent-soft: #60a5fa;
  --accent-deep: #2563eb;
  --accent-rgb: 59, 130, 246;
  --accent-wash: rgba(59, 130, 246, 0.14);
  --accent-wash-hi: rgba(59, 130, 246, 0.22);
  --accent-line: rgba(59, 130, 246, 0.5);

  /* status */
  --positive: #34d399;
  --negative: #f87171;
  --warning: #fbbf24;
  --warn: #fbbf24;

  /* neutral fills over black */
  --fill: rgba(255, 255, 255, 0.04);
  --fill-2: rgba(255, 255, 255, 0.08);
  --fill-04: rgba(255, 255, 255, 0.035);
  --fill-06: rgba(255, 255, 255, 0.06);
  --fill-08: rgba(255, 255, 255, 0.08);
  --fill-12: rgba(255, 255, 255, 0.12);

  /* cards */
  --card-fill: var(--surface);
  --card-line: var(--line);
  --card-line-hi: var(--accent-line);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 28px -18px rgba(0, 0, 0, 0.9);
  --shadow-pop: 0 24px 64px -20px rgba(0, 0, 0, 0.95);

  /* shape + rhythm */
  --radius: 16px;
  --radius-sm: 10px;
  --gap: 14px;
  --gap-lg: 18px;
  --section-gap: 34px;
  --tap: 40px;

  /* type */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-num: 30px;
  --fs-title: 30px;
}

::selection { background: rgba(59, 130, 246, 0.35); }

/* Scrollbars that belong on black. */
* { scrollbar-color: #2a3240 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #2a3240; border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-track { background: transparent; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}