:root {
  --bg: #ffffff;
  --bg-alt: #f7f8fb;
  --bg-elevated: #ffffff;
  --border: #e6e8ef;
  --text: #14161f;
  --text-soft: #565b6b;
  --text-faint: #666c7d;
  --star: #d97706;
  --accent: #0f6e5c;
  --accent-2: #d97a1f;
  --accent-soft: rgba(15, 110, 92, 0.1);
  --success: #16a34a;
  --success-soft: rgba(22, 163, 74, 0.1);
  --error: #dc2626;
  --error-soft: rgba(220, 38, 38, 0.1);
  --shadow-sm: 0 1px 2px rgba(20, 20, 40, 0.06);
  --shadow-md: 0 8px 24px rgba(20, 20, 40, 0.08);
  --shadow-lg: 0 20px 50px rgba(20, 20, 40, 0.14);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Sora", var(--font-body);
  --glass-bg: rgba(255, 255, 255, 0.75);
  --glass-border: rgba(255, 255, 255, 0.6);
}

:root[data-theme="dark"] {
  --bg: #0d0e14;
  --bg-alt: #14151d;
  --bg-elevated: #181923;
  --border: #262838;
  --text: #eceef5;
  --text-soft: #a7abc0;
  --text-faint: #9aa1b5;
  --star: #f0a63a;
  --accent: #29b592;
  --accent-2: #e8933a;
  --accent-soft: rgba(41, 181, 146, 0.16);
  --success: #34d399;
  --success-soft: rgba(52, 211, 153, 0.14);
  --error: #f87171;
  --error-soft: rgba(248, 113, 113, 0.14);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 8px 24px rgba(0,0,0,.4);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.5);
  --glass-bg: rgba(24, 25, 35, 0.75);
  --glass-border: rgba(255, 255, 255, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d0e14;
    --bg-alt: #14151d;
    --bg-elevated: #181923;
    --border: #262838;
    --text: #eceef5;
    --text-soft: #a7abc0;
    --text-faint: #9aa1b5;
    --star: #f0a63a;
    --accent: #29b592;
    --accent-2: #e8933a;
    --accent-soft: rgba(41, 181, 146, 0.16);
    --success: #34d399;
    --success-soft: rgba(52, 211, 153, 0.14);
    --error: #f87171;
    --error-soft: rgba(248, 113, 113, 0.14);
    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow-md: 0 8px 24px rgba(0,0,0,.4);
    --shadow-lg: 0 20px 50px rgba(0,0,0,.5);
    --glass-bg: rgba(24, 25, 35, 0.75);
    --glass-border: rgba(255, 255, 255, 0.08);
  }
}