:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #f5f7fa;
  --surface-strong: #e7ecf2;
  --text: #1f2a36;
  --muted: #5f6b7a;
  --border: rgba(74, 144, 226, 0.2);
  --primary: #3b82f6;
  --primary-contrast: #ffffff;
  --link: #1f6feb;
  --link-hover: #1a56c5;
  --icon: #5f6b7a;
  --success: #2fbf71;
  --danger: #e5484d;
  --warning: #f59e0b;
  --shadow: rgba(15, 23, 42, 0.12);
  --primary-soft: rgba(74, 144, 226, 0.1);
  --primary-soft-2: rgba(74, 144, 226, 0.08);
  --primary-soft-3: rgba(74, 144, 226, 0.05);
  --primary-soft-strong: rgba(74, 144, 226, 0.35);
  --primary-soft-stronger: rgba(74, 144, 226, 0.55);
  --shadow-soft: rgba(15, 23, 42, 0.08);
  --shadow-strong: rgba(15, 23, 42, 0.18);
  --bg-primary: var(--bg);
  --bg-secondary: var(--surface);
  --bg-card: #ffffff;
  --text-primary: var(--text);
  --text-secondary: var(--muted);
  --nav-bg: rgba(255, 255, 255, 0.95);
  --nav-shadow: rgba(74, 144, 226, 0.1);
  --white: #ffffff;
  --black: #0f1419;
  --blue: var(--primary);
  --blue-hover: #2f6ad1;
  --blue-dark: var(--text);
  --light-green: #90ee90;
  --light-green-hover: #7fdb7f;
  --primary-color: var(--primary);
  --secondary-color: #2fbf71;
  --gray: var(--muted);
  --light-gray: var(--surface);
  --dark-gray: var(--text);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1419;
  --surface: #141c26;
  --surface-strong: #1a2430;
  --text: #e6edf3;
  --muted: #a4b0be;
  --border: rgba(148, 163, 184, 0.28);
  --primary: #7bb4ff;
  --primary-contrast: #0f1419;
  --link: #8ab4f8;
  --link-hover: #b3ccff;
  --icon: #a4b0be;
  --success: #49d18f;
  --danger: #ff6b6b;
  --warning: #f7b955;
  --shadow: rgba(0, 0, 0, 0.45);
  --primary-soft: rgba(123, 180, 255, 0.16);
  --primary-soft-2: rgba(123, 180, 255, 0.12);
  --primary-soft-3: rgba(123, 180, 255, 0.08);
  --primary-soft-strong: rgba(123, 180, 255, 0.4);
  --primary-soft-stronger: rgba(123, 180, 255, 0.6);
  --shadow-soft: rgba(0, 0, 0, 0.35);
  --shadow-strong: rgba(0, 0, 0, 0.55);
  --bg-primary: var(--bg);
  --bg-secondary: var(--surface);
  --bg-card: #182233;
  --text-primary: var(--text);
  --text-secondary: var(--muted);
  --nav-bg: rgba(20, 28, 38, 0.95);
  --nav-shadow: rgba(0, 0, 0, 0.3);
  --white: #ffffff;
  --black: #0f1419;
  --blue: var(--primary);
  --blue-hover: #9cc6ff;
  --blue-dark: var(--text);
  --light-green: #7ddf9e;
  --light-green-hover: #65cc8a;
  --primary-color: var(--primary);
  --secondary-color: var(--success);
  --gray: var(--muted);
  --light-gray: var(--surface);
  --dark-gray: var(--text);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}