:root {
  color-scheme: dark;
  --bg: #0b0d10;
  --surface: #11151a;
  --surface-2: #171c22;
  --surface-3: #1d232b;
  --text: #f2f4f7;
  --text-2: #a4acb8;
  --muted: #68717d;
  --border: #252b33;
  --border-strong: #353e49;
  --accent: #7c9cff;
  --accent-strong: #5f82ff;
  --accent-rgb: 124, 156, 255;
  --shadow: 0 18px 60px rgba(0,0,0,.24);
  --glow: 0 0 34px rgba(var(--accent-rgb), .14);
  --max-width: 1440px;
  --gutter: clamp(22px, 5vw, 84px);
  --section-pad: clamp(100px, 13vw, 190px);
  --radius: 10px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #eef1f5;
  --surface-3: #e7ebf0;
  --text: #101318;
  --text-2: #505966;
  --muted: #858d98;
  --border: #dce1e7;
  --border-strong: #c5ccd5;
  --accent: #315bea;
  --accent-strong: #2349d5;
  --accent-rgb: 49, 91, 234;
  --shadow: 0 18px 60px rgba(24,36,56,.10);
  --glow: 0 0 34px rgba(var(--accent-rgb), .12);
}