:root {
  color-scheme: light;
  --pv-ink950: #0a1525;
  --pv-ink900: #0f1e27;
  --pv-ink800: #1a2938;
  --pv-ink700: #24364a;
  --pv-mist50: #f6fafe;
  --pv-mist100: #e8f3f3;
  --pv-mist150: #ddecf1;
  --pv-cyan500: #24b0e9;
  --pv-cyan400: #2cb8ee;
  --pv-cyan300: #4ac6f5;
  --pv-greenA: #4bc394;
  --pv-greenB: #65d26b;
  --pv-greenC: #87e77c;
  --pv-textSoft: #b8cbd9;
  --pv-textMuted: #6d8296;
  --pv-white: #ffffff;
  --pv-danger: #f05252;
  --pv-success: #49c96d;
  --pv-warning: #f5b949;
  --pv-brand-gradient: linear-gradient(105deg, var(--pv-cyan500), var(--pv-greenB));
  --pv-bg-page: var(--pv-mist50);
  --pv-bg-surface: rgba(255, 255, 255, 0.94);
  --pv-bg-elevated: #ffffff;
  --pv-bg-soft: #eef7fa;
  --pv-bg-dark: var(--pv-ink950);
  --pv-bg-dark-soft: #102234;
  --pv-text-primary: var(--pv-ink950);
  --pv-text-secondary: #425769;
  --pv-text-muted: var(--pv-textMuted);
  --pv-text-on-dark: #f3fbff;
  --pv-border-soft: rgba(15, 30, 39, 0.1);
  --pv-border-strong: rgba(15, 30, 39, 0.18);
  --pv-glow-cyan: rgba(36, 176, 233, 0.18);
  --pv-glow-green: rgba(101, 210, 107, 0.18);
  --pv-shadow-sm: 0 12px 24px rgba(10, 21, 37, 0.06);
  --pv-shadow-md: 0 20px 44px rgba(10, 21, 37, 0.1);
  --pv-shadow-lg: 0 34px 82px rgba(10, 21, 37, 0.15);
  --pv-focus: 0 0 0 4px rgba(36, 176, 233, 0.18);
  --pv-radius-xs: 12px;
  --pv-radius-sm: 16px;
  --pv-radius-md: 20px;
  --pv-radius-lg: 28px;
  --pv-radius-xl: 36px;
  --pv-hero-shell: linear-gradient(145deg, #11253b, #0b1827 58%, #14314a);
  --bg: var(--pv-bg-page);
  --surface: var(--pv-bg-elevated);
  --surface-dim: var(--pv-bg-soft);
  --surface-2: #f2f8fc;
  --surface-raised: rgba(255, 255, 255, 0.98);
  --ink: var(--pv-text-primary);
  --ink-heading: var(--pv-ink950);
  --muted: var(--pv-text-muted);
  --line: var(--pv-border-soft);
  --line-strong: var(--pv-border-strong);
  --brand: var(--pv-cyan500);
  --brand-2: #1998cc;
  --brand-3d: #1174a0;
  --brand-soft: rgba(36, 176, 233, 0.12);
  --accent: var(--pv-greenB);
  --accent-soft: rgba(101, 210, 107, 0.14);
  --warn: var(--pv-warning);
  --danger: var(--pv-danger);
  --shadow-sm: var(--pv-shadow-sm);
  --shadow-md: var(--pv-shadow-md);
  --shadow-lg: var(--pv-shadow-lg);
  --radius-xs: var(--pv-radius-xs);
  --radius-sm: var(--pv-radius-sm);
  --radius: var(--pv-radius-md);
  --radius-lg: var(--pv-radius-lg);
  --radius-xl: var(--pv-radius-xl);
  --focus: var(--pv-focus);
  --container: 1180px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-pop: cubic-bezier(0.23, 1.25, 0.32, 1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --pv-bg-page: #07111b;
  --pv-bg-surface: rgba(14, 29, 43, 0.92);
  --pv-bg-elevated: rgba(18, 35, 52, 0.96);
  --pv-bg-soft: rgba(23, 43, 63, 0.88);
  --pv-text-primary: #f3fbff;
  --pv-text-secondary: #ccdfea;
  --pv-text-muted: var(--pv-textSoft);
  --pv-border-soft: rgba(184, 203, 217, 0.16);
  --pv-border-strong: rgba(184, 203, 217, 0.24);
  --pv-glow-cyan: rgba(36, 176, 233, 0.24);
  --pv-glow-green: rgba(101, 210, 107, 0.18);
  --pv-shadow-sm: 0 16px 28px rgba(0, 0, 0, 0.2);
  --pv-shadow-md: 0 24px 50px rgba(0, 0, 0, 0.3);
  --pv-shadow-lg: 0 42px 92px rgba(0, 0, 0, 0.42);
  --bg: var(--pv-bg-page);
  --surface: var(--pv-bg-surface);
  --surface-dim: var(--pv-bg-soft);
  --surface-2: #12283a;
  --surface-raised: var(--pv-bg-elevated);
  --ink: var(--pv-text-primary);
  --ink-heading: #ffffff;
  --muted: var(--pv-text-muted);
  --line: var(--pv-border-soft);
  --line-strong: var(--pv-border-strong);
  --brand: #2cb8ee;
  --brand-2: #8be0ff;
  --brand-3d: #1589b5;
  --brand-soft: rgba(36, 176, 233, 0.16);
  --accent: #74db86;
  --accent-soft: rgba(101, 210, 107, 0.16);
  --focus: 0 0 0 4px rgba(74, 198, 245, 0.22);
}