:root {
  --background: 200 12% 95%;
  --foreground: 240 4% 16%;
  --card: 0 0% 100%;
  --card-foreground: 240 4% 16%;
  --popover: 252 100% 99%;
  --popover-foreground: 240 4% 16%;
  --primary: 63.8 47.7% 61%;
  --primary-foreground: 0 0% 10%;
  --secondary: 63.8 14.31% 96%;
  --secondary-foreground: 63.8 47.7% 60%;
  --muted: 252 100% 99%;
  --muted-foreground: 221 8% 46%;
  --accent: 93.8 11.925% 97%;
  --accent-foreground: 240 4% 16%;
  --destructive: 0 100% 68%;
  --destructive-foreground: 0 0% 98%;
  --border: 63.8 14.31% 96%;
  --input: 197 7% 81%;
  --ring: 63.8 47.7% 61%;
  --radius: 0.5rem;
  --chart-1: 63.8 47.7% 61%;
  --chart-2: 142 76% 36%;
  --chart-3: 45 93% 47%;
  --chart-4: 217 91% 60%;
  --chart-5: 271 81% 56%;
  --sidebar: 0 0% 100%;
  --sidebar-foreground: 0 0% 46%;
  --sidebar-primary: 0 0% 100%;
  --sidebar-primary-foreground: 63.8 47.7% 61%;
  --sidebar-accent: 63.8 14.31% 96%;
  --sidebar-accent-foreground: 240 4% 16%;
  --sidebar-border: 171 45% 25%;
  --sidebar-ring: 63.8 47.7% 61%;
  --font-sans: Inter, system-ui, sans-serif;
  --font-serif: var(--font-noto-serif-hk), Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --success: 142 76% 36%;
  --success-foreground: 210 40% 98%;
  --warning: 45 93% 47%;
  --warning-foreground: 222 47% 11%;
}

.dark {
  --background: 200 12% 95%;
  --foreground: 240 4% 16%;
  --card: 0 0% 100%;
  --card-foreground: 240 4% 16%;
  --popover: 252 100% 99%;
  --popover-foreground: 240 4% 16%;
  --primary: 63.8 47.7% 61%;
  --primary-foreground: 0 0% 10%;
  --secondary: 63.8 14.31% 96%;
  --secondary-foreground: 63.8 47.7% 60%;
  --muted: 252 100% 99%;
  --muted-foreground: 221 8% 46%;
  --accent: 93.8 11.925% 97%;
  --accent-foreground: 240 4% 16%;
  --destructive: 0 100% 68%;
  --destructive-foreground: 0 0% 98%;
  --border: 63.8 14.31% 96%;
  --input: 197 7% 81%;
  --ring: 63.8 47.7% 61%;
  --chart-1: 63.8 47.7% 61%;
  --chart-2: 142 76% 36%;
  --chart-3: 45 93% 47%;
  --chart-4: 217 91% 60%;
  --chart-5: 271 81% 56%;
  --sidebar: 0 0% 100%;
  --sidebar-foreground: 0 0% 46%;
  --sidebar-primary: 0 0% 100%;
  --sidebar-primary-foreground: 63.8 47.7% 61%;
  --sidebar-accent: 63.8 14.31% 96%;
  --sidebar-accent-foreground: 240 4% 16%;
  --sidebar-border: 171 45% 25%;
  --sidebar-ring: 63.8 47.7% 61%;
  --font-sans: Inter, system-ui, sans-serif;
  --font-serif: var(--font-noto-serif-hk), Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --success: 142 76% 36%;
  --success-foreground: 210 40% 98%;
  --warning: 45 93% 47%;
  --warning-foreground: 222 47% 11%;
}