:root {
  color-scheme: dark;

  --color-bg: #0b1020;
  --color-surface: #101a2b;
  --color-surface-2: #152238;
  --color-border: rgba(202, 216, 237, 0.14);
  --color-text: #f3f7fd;
  --color-muted: #9caec8;
  --color-accent: #4cc9f0;
  --color-accent-2: #f7b267;
  --color-success: #4ade80;
  --color-danger: #fb7185;
  --color-warning: #facc15;
  --calendar-normal-day-bg: #101a2b;
  --calendar-work-day-bg: #14532d;
  --page-glow-1: rgba(76, 201, 240, 0.15);
  --page-glow-2: rgba(247, 178, 103, 0.12);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;

  --shadow-soft: 0 8px 40px rgba(0, 0, 0, 0.28);
  --max-content: 1200px;
}

:root[data-theme="light"] {
  color-scheme: light;

  --color-bg: #edf3fb;
  --color-surface: #ffffff;
  --color-surface-2: #f4f7fb;
  --color-border: rgba(38, 58, 84, 0.16);
  --color-text: #132033;
  --color-muted: #60718a;
  --color-accent: #0576a8;
  --color-accent-2: #b45309;
  --color-success: #15803d;
  --color-danger: #dc2626;
  --color-warning: #b45309;
  --calendar-normal-day-bg: #ffffff;
  --calendar-work-day-bg: #dcfce7;
  --page-glow-1: rgba(5, 118, 168, 0.12);
  --page-glow-2: rgba(244, 114, 22, 0.10);

  --shadow-soft: 0 10px 36px rgba(22, 34, 51, 0.12);
}