:root {
  color-scheme: light;
  --ink: #132131;
  --muted: #607086;
  --soft: #eef3f8;
  --line: #d6dfeb;
  --panel: rgba(255, 255, 255, 0.9);
  --panel-strong: rgba(247, 250, 254, 0.96);
  --nav: #07101d;
  --nav-soft: #0e1c2f;
  --accent: #1f63c6;
  --accent-dark: #174d99;
  --accent-soft: #e7effc;
  --cloud: #4bb1ff;
  --gold: #d6a43b;
  --teal: #138d7c;
  --blue: #2577d6;
  --red: #b94840;
  --shadow: 0 12px 30px rgba(12, 26, 45, 0.1);
}

body[data-theme="dark"] {
  color-scheme: dark;
  --ink: #eef4fb;
  --muted: #a6b4c8;
  --soft: #101927;
  --line: rgba(194, 209, 232, 0.18);
  --panel: rgba(17, 25, 38, 0.88);
  --panel-strong: rgba(22, 34, 49, 0.94);
  --nav: #050d18;
  --nav-soft: #0d1726;
  --accent: #6ea9ff;
  --accent-dark: #9cc3ff;
  --accent-soft: rgba(110, 169, 255, 0.12);
  --cloud: #7cc4ff;
  --gold: #e3bb58;
  --teal: #1cb8a3;
  --shadow: 0 16px 42px rgba(0, 0, 0, 0.3);
  background:
    radial-gradient(circle at top right, rgba(88, 148, 255, 0.1), transparent 24%),
    radial-gradient(circle at bottom left, rgba(28, 184, 163, 0.07), transparent 26%),
    linear-gradient(155deg, #09111d 0%, #0b1727 46%, #061018 100%);
}