/**
 * TEDARICK Design Tokens — single source of truth
 * All UI must reference these variables. No random px in components.
 */
:root {
  /* Color — corporate */
  --token-graphite: #0f1419;
  --token-slate-900: #1a2332;
  --token-slate-700: #3d4f66;
  --token-slate-500: #64748b;
  --token-slate-400: #94a3b8;
  --token-slate-200: #e2e8f0;
  --token-slate-100: #f1f5f9;
  --token-surface: #ffffff;
  --token-surface-raised: #fafbfc;
  --token-border: #e2e8f0;
  --token-border-strong: #cbd5e1;
  --token-accent: #c2410c;
  --token-accent-hover: #9a3412;
  --token-accent-muted: #fff7ed;
  --token-accent-subtle: rgba(194, 65, 12, 0.08);
  --token-success: #047857;
  --token-warning: #b45309;
  --token-danger: #b91c1c;

  /* Spacing rhythm (4px base) */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-section: 4.5rem;

  /* Typography */
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-md: 1rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --leading-tight: 1.25;
  --leading-normal: 1.55;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Radius — controlled (no pills by default) */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-max: 12px;

  /* Shadow */
  --shadow-xs: 0 1px 2px rgba(15, 20, 25, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 20, 25, 0.06), 0 1px 2px rgba(15, 20, 25, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 20, 25, 0.06);
  --shadow-none: none;

  /* Motion */
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-fast: 0.12s;
  --duration-normal: 0.18s;
  --duration-slow: 0.28s;

  /* Layout */
  --container: 1120px;
  --container-wide: 1280px;
  --header-h: 60px;
  --sidebar-w: 240px;
  --touch-min: 40px;
  --touch-comfort: 44px;

  /* Breakpoints (for JS + docs) */
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;

  /* Z-index scale */
  --z-dropdown: 100;
  --z-header: 200;
  --z-overlay: 250;
  --z-drawer: 251;
  --z-toast: 300;
  --z-audit: 9000;

  /* Aliases (legacy + tradehub-ui) */
  --th-graphite: var(--token-graphite);
  --th-accent: var(--token-accent);
  --th-surface: var(--token-surface);
  --th-border: var(--token-border);
  --color-primary: var(--token-accent);
  --color-text: var(--token-graphite);
  --color-border: var(--token-border);
}