/**
 * WaMax Design System — Tokens
 * Version: 1.0.0
 * Strict adherence to WaMax-Brand-Kit specifications
 */

:root {
  /* Brand Identity (Cobalt Blue is brand; Green is functional status only) */
  --brand: #0755d9;
  --brand-hover: #0647b7;
  --brand-light: #eaf1ff;
  --brand-subtle: rgba(7, 85, 217, 0.08);

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-code: 'JetBrains Mono', monospace;

  /* Functional Status Colors */
  --success: #15803d;
  --success-bg: #dcfce7;
  --success-border: #bbf7d0;
  --warning: #b45309;
  --warning-bg: #fef3c7;
  --warning-border: #fde68a;
  --danger: #b91c1c;
  --danger-bg: #fee2e2;
  --danger-border: #fecaca;
  --focus: #38bdf8;

  /* Metrics, Spacing & Borders */
  --radius-card: 16px;
  --radius-control: 10px;
  --radius-badge: 20px;
  --min-touch-height: 44px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Shadows */
  --shadow-subtle: 0 1px 3px rgba(16, 28, 48, 0.05), 0 1px 2px rgba(16, 28, 48, 0.03);
  --shadow-card: 0 10px 25px -5px rgba(16, 28, 48, 0.06), 0 8px 10px -6px rgba(16, 28, 48, 0.04);
  --shadow-elevated: 0 20px 35px -10px rgba(7, 85, 217, 0.15), 0 10px 15px -5px rgba(16, 28, 48, 0.04);

  /* Default to Light Theme */
  --bg: #f7f9fc;
  --surface: #ffffff;
  --surface-hover: #f1f5f9;
  --surface-active: #eaf1ff;
  --text: #101c30;
  --muted: #526175;
  --border: #cbd5e1;
  --border-light: #e2e8f0;
  color-scheme: light;
}

/* Explicit Light Mode Override */
[data-theme="light"] {
  --bg: #f7f9fc;
  --surface: #ffffff;
  --surface-hover: #f1f5f9;
  --surface-active: #eaf1ff;
  --text: #101c30;
  --muted: #526175;
  --border: #cbd5e1;
  --border-light: #e2e8f0;
  --success: #15803d;
  --success-bg: #dcfce7;
  --success-border: #bbf7d0;
  color-scheme: light;
}

/* Optional Dark Mode Override (Clean Token Swap) */
[data-theme="dark"] {
  --bg: #070b14;
  --surface: #0f172a;
  --surface-hover: #1e293b;
  --surface-active: rgba(7, 85, 217, 0.2);
  --text: #f8fafc;
  --muted: #a3b0c2;
  --border: #334155;
  --border-light: #1e293b;
  --success: #25d366;
  --success-bg: rgba(37, 211, 102, 0.14);
  --success-border: rgba(37, 211, 102, 0.3);
  --warning: #f59e0b;
  --warning-bg: rgba(245, 158, 11, 0.15);
  --warning-border: rgba(245, 158, 11, 0.3);
  --danger: #fb7185;
  --danger-bg: rgba(251, 113, 133, 0.15);
  --danger-border: rgba(251, 113, 133, 0.3);
  --shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-card: 0 15px 35px -5px rgba(0, 0, 0, 0.5);
  --shadow-elevated: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}