/**
 * Wateer shared design tokens — used by portal (base.html) and auth pages (login/signup).
 * Single place to tweak brand colors and semantic tokens.
 */
:root,
[data-theme="light"] {
  --bg-primary: #f0f4f8;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-sidebar: #0a4584;
  --bg-sidebar-hover: rgba(255, 255, 255, 0.12);
  --bg-sidebar-active: rgba(255, 255, 255, 0.2);
  --text-primary: #1a1a2e;
  --text-secondary: #555770;
  --text-muted: #8b8da3;
  --text-sidebar: rgba(255, 255, 255, 0.85);
  --text-sidebar-active: #ffffff;
  --border-color: #e2e8f0;
  --accent: #1e88e5;
  --accent-dark: #0a4584;
  --accent-light: #e3f2fd;
  --accent-gradient: linear-gradient(135deg, #0a4584 0%, #1e88e5 100%);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.08);
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.3);
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  --info: #3b82f6;
  --success-bg: #ecfdf5;
  --success-text: #065f46;
  --error-bg: #fef2f2;
  --error-text: #991b1b;
  /* Alias for auth pages that use --bg-body */
  --bg-body: var(--bg-primary);
}

[data-theme="dark"] {
  --bg-primary: #0f1117;
  --bg-secondary: #1a1d2e;
  --bg-card: #1e2235;
  --bg-sidebar: #111427;
  --bg-sidebar-hover: rgba(255, 255, 255, 0.06);
  --bg-sidebar-active: rgba(30, 136, 229, 0.25);
  --text-primary: #e4e6f0;
  --text-secondary: #a0a3b5;
  --text-muted: #6b6e82;
  --text-sidebar: rgba(255, 255, 255, 0.6);
  --text-sidebar-active: #ffffff;
  --border-color: #2a2d3e;
  --accent: #3b9eff;
  --accent-dark: #1a3a6c;
  --accent-light: rgba(59, 158, 255, 0.12);
  --accent-gradient: linear-gradient(135deg, #1a3a6c 0%, #3b9eff 100%);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3);
  --glass-bg: rgba(30, 34, 53, 0.8);
  --glass-border: rgba(255, 255, 255, 0.06);
  --success: #34d399;
  --danger: #f87171;
  --warning: #fbbf24;
  --info: #60a5fa;
  --success-bg: rgba(16, 185, 129, 0.12);
  --success-text: #6ee7b7;
  --error-bg: rgba(239, 68, 68, 0.12);
  --error-text: #fca5a5;
  --bg-body: var(--bg-primary);
}