/* Workshark design tokens (tokens.json, dark theme) as CSS custom properties. */
:root {
  color-scheme: dark;

  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-surface: #1e293b;
  --bg-glass: rgba(30, 41, 59, 0.7);
  --bg-deep: #090d16;
  --input-bg: rgba(0, 0, 0, 0.2);
  --input-bg-strong: rgba(0, 0, 0, 0.3);
  --thumb-bg: rgba(0, 0, 0, 0.25);
  --overlay-scrim: rgba(0, 0, 0, 0.5);

  --glass-border: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.02);
  --white-5: rgba(255, 255, 255, 0.05);
  --white-8: rgba(255, 255, 255, 0.08);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-20: rgba(255, 255, 255, 0.2);

  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-soft: rgba(255, 255, 255, 0.7);
  --text-light: #e2e8f0;
  --chart-axis: rgba(255, 255, 255, 0.5);

  --accent-primary: #3b82f6;
  --accent-secondary: #8b5cf6;
  --accent-success: #10b981;
  --accent-warning: #f59e0b;
  --accent-danger: #ef4444;
  --accent-info: #38bdf8;
  --chart-true-net: #0ea5e9;

  --primary-text: #93c5fd;
  --primary-light: #60a5fa;
  --success-text: #34d399;
  --success-alt: #22c55e;
  --success-light: #4ade80;
  --warning-light: #fbbf24;
  --danger-text: #f87171;
  --danger-light: #fca5a5;
  --purple: #a855f7;
  --purple-light: #c084fc;
  --indigo: #818cf8;
  --neutral: #9ca3af;
  --meta-blue: #1877f2;

  --primary-tint: rgba(59, 130, 246, 0.1);
  --primary-tint-strong: rgba(59, 130, 246, 0.2);
  --primary-border: rgba(59, 130, 246, 0.3);
  --secondary-tint: rgba(139, 92, 246, 0.1);
  --secondary-tint-strong: rgba(139, 92, 246, 0.2);
  --success-tint: rgba(16, 185, 129, 0.1);
  --success-border: rgba(16, 185, 129, 0.2);
  --success-tint-alt: rgba(34, 197, 94, 0.2);
  --warning-tint: rgba(245, 158, 11, 0.1);
  --warning-border: rgba(245, 158, 11, 0.2);
  --danger-tint: rgba(239, 68, 68, 0.1);
  --danger-border: rgba(239, 68, 68, 0.2);
  --neutral-tint: rgba(156, 163, 175, 0.2);
  --info-border: rgba(56, 189, 248, 0.4);

  --font-sans: 'Inter', sans-serif;
  --font-mono: Consolas, Monaco, 'Courier New', monospace;
  --font-system: system-ui, -apple-system, sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --sidebar-width: 260px;
  --container-max: 1400px;
  --modal-max: 500px;

  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-thumb: 10px;
  --radius-lg: 12px;
  --border-radius: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  --shadow-card-hover: 0 20px 40px rgba(0, 0, 0, 0.2);
  --shadow-modal: 0 20px 40px rgba(0, 0, 0, 0.4);
  --shadow-notification: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-primary-btn: 0 4px 15px rgba(59, 130, 246, 0.3);
  --shadow-primary-btn-hover: 0 6px 20px rgba(59, 130, 246, 0.4);
  --shadow-fee-card-hover: 0 8px 16px rgba(0, 0, 0, 0.2);
  --shadow-toggle: 0 1px 3px rgba(0, 0, 0, 0.2);
  --focus-ring: 0 0 0 2px rgba(59, 130, 246, 0.2);

  --z-sidebar: 50;
  --z-modal: 100;
  --z-modal-page: 1000;
  --z-notification: 999999;

  --blur-glass: 12px;
  --blur-overlay: 4px;
}