:root {
  color-scheme: dark;
  --bg-primary: #0c0a09;
  --bg-secondary: #1c1917;
  --bg-card: #292524;
  --bg-card-hover: #44403c;
  --bg-input: #0c0a09;
  --accent: #fafaf9;
  --accent-hover: #e7e5e4;
  --accent-dim: #d6d3d1;
  --text-primary: #fafaf9;
  --text-secondary: #d6d3d1;
  --text-muted: #a8a29e;
  --success: #6ee7b7;
  --success-dim: #047857;
  --danger: #ef4444;
  --danger-dim: #991b1b;
  --warning: #f59e0b;
  --warning-dim: #92400e;
  --border: #44403c;
  --border-light: #57534e;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --sidebar-width: 220px;
  --transition: 0.2s ease;
}

:root[data-theme='light'] {
  color-scheme: light;
  --bg-primary: #fafaf9;
  --bg-secondary: #f5f5f4;
  --bg-card: #ffffff;
  --bg-card-hover: #f5f5f4;
  --bg-input: #ffffff;
  --accent: #292524;
  --accent-hover: #44403c;
  --accent-dim: #57534e;
  --text-primary: #1c1917;
  --text-secondary: #57534e;
  --text-muted: #78716c;
  --success: #047857;
  --success-dim: #a7f3d0;
  --danger: #b91c1c;
  --danger-dim: #fecaca;
  --warning: #b45309;
  --warning-dim: #fde68a;
  --border: #e7e5e4;
  --border-light: #d6d3d1;
  --shadow: 0 4px 24px rgba(41, 37, 36, 0.12);
  --shadow-sm: 0 2px 8px rgba(41, 37, 36, 0.08);
}