:root {
  --bg: #ffffff;
  --bg-2: #f5f5f7;
  --surface: #ffffff;
  --border: #e0e0e8;
  --text-primary: #111118;
  --text-secondary: #555568;
  --text-muted: #9090a8;
  --accent: #1b17ff;
  --accent-hover: #1410d6;
  --accent-light: #e8e7ff;
  --success: #22c55e;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e0e14;
    --bg-2: #16161f;
    --surface: #1c1c28;
    --border: #2e2e42;
    --text-primary: #f0f0f8;
    --text-secondary: #a0a0c0;
    --text-muted: #60607a;
    --accent: #4d4aff;
    --accent-hover: #6b68ff;
    --accent-light: #1a1940;
    --success: #4ade80;
  }
}