:root {
  color-scheme: dark;
  --ink-0: #080b10;
  --ink-1: #0c1017;
  --ink-2: #111722;
  --ink-3: #17202d;
  --ink-4: #202b3b;
  --line-soft: rgba(164, 183, 211, 0.1);
  --line: rgba(164, 183, 211, 0.17);
  --line-strong: rgba(164, 183, 211, 0.29);
  --text-strong: #f5f8fc;
  --text: #dce4ef;
  --text-muted: #919daf;
  --text-faint: #697688;
  --cobalt: #6c7cff;
  --cobalt-strong: #8290ff;
  --cobalt-soft: rgba(108, 124, 255, 0.14);
  --teal: #39d4bc;
  --teal-soft: rgba(57, 212, 188, 0.12);
  --amber: #f2b84b;
  --amber-soft: rgba(242, 184, 75, 0.12);
  --coral: #f27672;
  --coral-soft: rgba(242, 118, 114, 0.12);
  --sky: #66b9ff;
  --shadow-sm: 0 8px 22px rgba(0, 0, 0, 0.18);
  --shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.38);
  --radius-xs: 7px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 72px;
  --font-ui: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Newsreader", Georgia, serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --content-max: 1180px;
  --sidebar-width: 248px;
  --header-height: 68px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}
