:root,
[data-theme="dark"] {
  --accent: #ff5e00;
  --accent-hover: #ff7a2e;
  --accent-muted: rgba(255, 94, 0, 0.15);
  --accent-glow: rgba(255, 94, 0, 0.25);

  --bg-body: #0a0a0b;
  --bg-sidebar: #111113;
  --bg-card: #161618;
  --bg-card-hover: #1c1c1f;
  --bg-input: #0f0f11;
  --bg-topbar: #111113;

  --border: #2a2a2e;
  --border-light: #222226;

  --text-primary: #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;

  --success: #22c55e;
  --success-muted: rgba(34, 197, 94, 0.15);
  --danger: #ef4444;
  --danger-muted: rgba(239, 68, 68, 0.15);
  --warning: #f59e0b;
  --warning-muted: rgba(245, 158, 11, 0.15);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --sidebar-width: 260px;
  --topbar-height: 60px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);

  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --transition: 0.2s ease;
  --transition-duration: 0.25s;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
}

[data-theme="light"] {
  --bg-body: #f4f4f5;
  --bg-sidebar: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #fafafa;
  --bg-input: #f4f4f5;
  --bg-topbar: #ffffff;
  --border: #e4e4e7;
  --border-light: #f0f0f2;
  --text-primary: #18181b;
  --text-secondary: #52525b;
  --text-muted: #a1a1aa;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
}