:root {
  color-scheme:light;
  --cyan:#00cbe6;
  --orange:#ff841f;
  --lime:#b5f63e;
  --ink:#19343e;
  --muted:#62747d;
  --deep:#0e5164;
  --bg:#f5f8f9;
  --surface:#fff;
  --border:#e7edef;
  --soft:#edf7f8;
  --radius:14px;
  --shadow:0 2px 8px #19343e03;
  --space:24px;
  --space-xs:4px;
  --space-sm:8px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:40px;
  --radius-sm:7px;
  --radius-lg:20px;
  --font-sm:13px;
  --font-md:14px;
  --font-lg:22px;
  --font: 'Avenir Next', 'Segoe UI', sans-serif;
}

.dark {
  color-scheme:dark;
  --ink:#e4eff1;
  --muted:#9eb1b8;
  --deep:#66dbe7;
  --bg:#10191d;
  --surface:#18262c;
  --border:#2d4149;
  --soft:#22383f;
}