:root,
[data-theme="light"] {
  color-scheme: light;
  --eq-bg: #f5f7fa;
  --eq-bg-elevated: #ffffff;
  --eq-surface: rgba(255, 255, 255, 0.78);
  --eq-surface-strong: rgba(255, 255, 255, 0.92);
  --eq-surface-muted: rgba(238, 243, 247, 0.86);
  --eq-border: rgba(32, 48, 64, 0.12);
  --eq-border-strong: rgba(32, 48, 64, 0.2);
  --eq-text: #17202e;
  --eq-text-muted: #5e6a7d;
  --eq-text-soft: #7a8494;
  --eq-primary: #176b87;
  --eq-primary-strong: #0f526a;
  --eq-primary-soft: rgba(23, 107, 135, 0.12);
  --eq-accent: #4f8f73;
  --eq-accent-soft: rgba(79, 143, 115, 0.14);
  --eq-warning: #b7791f;
  --eq-warning-soft: rgba(183, 121, 31, 0.14);
  --eq-danger: #bd3b3b;
  --eq-danger-soft: rgba(189, 59, 59, 0.13);
  --eq-info: #2f6fb1;
  --eq-info-soft: rgba(47, 111, 177, 0.13);
  --eq-success: #237a57;
  --eq-success-soft: rgba(35, 122, 87, 0.13);
  --eq-glass-surface: rgba(255, 255, 255, 0.7);
  --eq-glass-surface-strong: rgba(255, 255, 255, 0.86);
  --eq-glass-highlight: rgba(255, 255, 255, 0.72);
  --eq-glass-border: rgba(32, 48, 64, 0.12);
  --eq-glass-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
  --eq-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.08);
  --eq-shadow-md: 0 14px 35px rgba(16, 24, 40, 0.12);
  --eq-focus: 0 0 0 3px rgba(23, 107, 135, 0.22);
}

[data-theme="dark"] {
  color-scheme: dark;
  --eq-bg: #10151d;
  --eq-bg-elevated: #151c26;
  --eq-surface: rgba(20, 28, 38, 0.78);
  --eq-surface-strong: rgba(24, 33, 45, 0.94);
  --eq-surface-muted: rgba(34, 45, 59, 0.84);
  --eq-border: rgba(222, 232, 242, 0.13);
  --eq-border-strong: rgba(222, 232, 242, 0.24);
  --eq-text: #edf3f8;
  --eq-text-muted: #aab6c5;
  --eq-text-soft: #8492a5;
  --eq-primary: #78bdd2;
  --eq-primary-strong: #9bd3e2;
  --eq-primary-soft: rgba(120, 189, 210, 0.14);
  --eq-accent: #8bc7a8;
  --eq-accent-soft: rgba(139, 199, 168, 0.14);
  --eq-warning: #e3b65c;
  --eq-warning-soft: rgba(227, 182, 92, 0.16);
  --eq-danger: #ef8585;
  --eq-danger-soft: rgba(239, 133, 133, 0.15);
  --eq-info: #93bdf0;
  --eq-info-soft: rgba(147, 189, 240, 0.15);
  --eq-success: #8fd4b6;
  --eq-success-soft: rgba(143, 212, 182, 0.15);
  --eq-glass-surface: rgba(20, 28, 38, 0.68);
  --eq-glass-surface-strong: rgba(24, 33, 45, 0.86);
  --eq-glass-highlight: rgba(255, 255, 255, 0.1);
  --eq-glass-border: rgba(222, 232, 242, 0.13);
  --eq-glass-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
  --eq-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.22);
  --eq-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.34);
  --eq-focus: 0 0 0 3px rgba(120, 189, 210, 0.26);
}

:root {
  --eq-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --eq-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --eq-radius-sm: 4px;
  --eq-radius-md: 6px;
  --eq-radius-lg: 8px;
  --eq-radius-menu: 10px;
  --eq-radius-topbar: 28px;
  --eq-radius-topbar-mobile: 22px;
  --eq-radius-sidebar: 24px;
  --eq-shell-gutter: 12px;
  --eq-sidebar-width: 200px;
  --eq-sidebar-offset: 16px;
  --eq-topbar-height: 58px;
  --eq-page-max: 1480px;
  --eq-space-1: 4px;
  --eq-space-2: 8px;
  --eq-space-3: 12px;
  --eq-space-4: 16px;
  --eq-space-5: 20px;
  --eq-space-6: 24px;
  --eq-space-8: 32px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}