:root {
  --accent: #4858a3;
  --accent-hover: #3d4b8e;
  --accent-soft: rgba(72, 88, 163, 0.1);
  --amber: #d1964a;
  --coral: #f4675e;
  --magenta: #c658a1;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 14px;
  --transition: 160ms ease;

  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --sidebar-w: 248px;
  --bottom-nav-h: 64px;

  /* Light theme */
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #f1f3f6;
  --text: #1e2533;
  --text-muted: #667085;
  --border: #e4e7ec;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}

[data-theme="dark"] {
  --bg: #0f131c;
  --surface: #171c27;
  --surface-2: #1f2532;
  --text: #f2f4f7;
  --text-muted: #98a2b3;
  --border: #2a3140;
  --accent: #6b7bd1;
  --accent-hover: #7f8de0;
  --accent-soft: rgba(107, 123, 209, 0.16);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}