:root {
  color-scheme: dark;
  --color-bg: #070b14;
  --color-surface: #0e1627;
  --color-surface-raised: #141f33;
  --color-surface-soft: #19263d;
  --color-border: #263754;
  --color-text: #f5f8ff;
  --color-muted: #9baccc;
  --color-accent: #66e3a4;
  --color-accent-strong: #2fc982;
  --color-accent-ink: #052416;
  --color-info: #77a7ff;
  --color-warning: #f8c56a;
  --color-warning-ink: #241600;
  --color-danger: #ff7f8a;
  --color-danger-ink: #2d070b;
  --color-emblem-bg: #fff;
  --color-page-glow-primary: rgb(39 107 89 / 25%);
  --color-page-glow-secondary: rgb(43 82 148 / 18%);
  --color-header-border: rgb(38 55 84 / 78%);
  --color-header-bg: rgb(7 11 20 / 86%);
  --color-card-start: rgb(20 31 51 / 95%);
  --color-card-end: rgb(14 22 39 / 95%);
  --color-card-start-strong: rgb(20 31 51 / 98%);
  --color-card-end-strong: rgb(10 17 30 / 98%);
  --color-panel-overlay: rgb(20 31 51 / 62%);
  --color-panel-overlay-strong: rgb(7 11 20 / 58%);
  --color-panel-overlay-soft: rgb(14 22 39 / 72%);
  --color-accent-soft: rgb(102 227 164 / 14%);
  --color-accent-softer: rgb(102 227 164 / 8%);
  --color-info-soft: rgb(119 167 255 / 12%);
  --color-special-border: #385174;
  --color-mobile-nav-bg: rgb(14 22 39 / 94%);
  --color-brand-highlight: #8bf0c0;
  --shadow-card: 0 18px 48px rgb(0 0 0 / 22%);
  --shadow-brand: 0 0 30px rgb(102 227 164 / 22%);
  --shadow-floating: 0 20px 50px rgb(0 0 0 / 45%);
  --shadow-emblem: 0 14px 35px rgb(0 0 0 / 28%);
  --radius-sm: 0.55rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.35rem;
  --shell-width: 1180px;
  --space-1: 0.35rem;
  --space-2: 0.65rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
}

:root[data-theme="light"] {
  color-scheme: light;
  --color-bg: #f3f7f5;
  --color-surface: #fff;
  --color-surface-raised: #edf4f0;
  --color-surface-soft: #e4eee9;
  --color-border: #c5d5cd;
  --color-text: #14231c;
  --color-muted: #53685e;
  --color-accent: #087a4c;
  --color-accent-strong: #06663f;
  --color-accent-ink: #f7fff9;
  --color-info: #275fbe;
  --color-warning: #d58a16;
  --color-warning-ink: #241600;
  --color-danger: #cf4056;
  --color-danger-ink: #fff;
  --color-page-glow-primary: rgb(23 143 91 / 12%);
  --color-page-glow-secondary: rgb(52 102 170 / 9%);
  --color-header-border: rgb(165 187 176 / 82%);
  --color-header-bg: rgb(255 255 255 / 90%);
  --color-card-start: rgb(255 255 255 / 98%);
  --color-card-end: rgb(237 244 240 / 98%);
  --color-card-start-strong: rgb(255 255 255 / 99%);
  --color-card-end-strong: rgb(232 241 236 / 99%);
  --color-panel-overlay: rgb(231 240 235 / 88%);
  --color-panel-overlay-strong: rgb(218 231 224 / 88%);
  --color-panel-overlay-soft: rgb(238 245 241 / 92%);
  --color-accent-soft: rgb(8 122 76 / 13%);
  --color-accent-softer: rgb(8 122 76 / 7%);
  --color-info-soft: rgb(39 95 190 / 10%);
  --color-special-border: #9eb4aa;
  --color-mobile-nav-bg: rgb(255 255 255 / 95%);
  --color-brand-highlight: #2ea975;
  --shadow-card: 0 14px 38px rgb(35 67 52 / 11%);
  --shadow-brand: 0 0 26px rgb(8 122 76 / 18%);
  --shadow-floating: 0 18px 44px rgb(35 67 52 / 18%);
  --shadow-emblem: 0 10px 24px rgb(35 67 52 / 16%);
}