/**
 * Design tokens — dark admin dashboard (navy / indigo).
 * Linked before app.css; branding may override --color-primary / --color-accent in layout.
 */
:root {
  --app-bg: #060b16;
  --sidebar-bg: #0a1224;
  --topbar-bg: #0d1830;
  --card-bg: #101a33;
  --card-bg-secondary: #13203d;

  --border-primary: rgba(120, 146, 203, 0.18);
  --border-secondary: rgba(120, 146, 203, 0.1);

  --text-primary: #f5f7ff;
  --text-secondary: #a9b4d0;
  --text-muted: #6f7c9e;

  --accent: #4f7cff;
  --accent-hover: #6b92ff;
  --accent-soft: rgba(79, 124, 255, 0.14);
  --accent-cyan: #3ddcff;
  --accent-purple: #7c5cff;

  --status-success: #22c55e;
  --status-warning: #f59e0b;
  --status-danger: #ef4444;

  /* Aliases used across legacy app.css */
  --bg: var(--app-bg);
  --bg-elevated: var(--card-bg);
  --border: var(--border-primary);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --danger: var(--status-danger);
  --success: var(--status-success);
  --warn: var(--status-warning);

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius: var(--radius-md);

  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(79, 124, 255, 0.04);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(79, 124, 255, 0.12);
  --shadow: var(--shadow-card);

  --font: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, sans-serif;
  --sidebar-width: 268px;

  --color-primary: var(--accent);
  --color-accent: var(--accent-cyan);
}

[data-theme='light'] {
  --app-bg: #f1f4fc;
  --sidebar-bg: #ffffff;
  --topbar-bg: #ffffff;
  --card-bg: #ffffff;
  --card-bg-secondary: #f8fafc;

  --border-primary: #e2e8f0;
  --border-secondary: #f1f5f9;

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;

  --accent-soft: rgba(79, 124, 255, 0.12);

  --bg: var(--app-bg);
  --bg-elevated: var(--card-bg);
  --border: var(--border-primary);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
}