:root {
  color-scheme: light;

  --sc-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --sc-accent: #f97316;
  --sc-accent-hover: #ea580c;
  --sc-accent-soft: rgba(249, 115, 22, 0.12);
  --sc-accent-ring: rgba(249, 115, 22, 0.28);

  --sc-success: #16a34a;
  --sc-warning: #d97706;
  --sc-danger: #dc2626;
  --sc-info: #2563eb;

  --sc-bg: #f4f6f8;
  --sc-bg-elevated: #ffffff;
  --sc-bg-muted: #eef1f4;
  --sc-bg-subtle: #f8fafc;

  --sc-text: #172033;
  --sc-text-strong: #0f172a;
  --sc-text-muted: #64748b;
  --sc-text-faint: #94a3b8;

  --sc-border: #dfe5ec;
  --sc-border-strong: #cbd5e1;

  --sc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --sc-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
  --sc-shadow-lg: 0 22px 55px rgba(15, 23, 42, 0.14);

  --sc-radius-sm: 8px;
  --sc-radius-md: 12px;
  --sc-radius-lg: 18px;
  --sc-radius-xl: 24px;

  --sc-space-1: 0.25rem;
  --sc-space-2: 0.5rem;
  --sc-space-3: 0.75rem;
  --sc-space-4: 1rem;
  --sc-space-5: 1.25rem;
  --sc-space-6: 1.5rem;
  --sc-space-8: 2rem;
  --sc-space-10: 2.5rem;

  --sc-transition-fast: 140ms ease;
  --sc-transition: 220ms ease;

  --sc-sidebar-width: 272px;
  --sc-topbar-height: 68px;
}

html {
  font-family: var(--sc-font-sans);
  background: var(--sc-bg);
}

body {
  background: var(--sc-bg);
  color: var(--sc-text);
}