:root {
  color-scheme: dark;
  --sx-page: #000;
  --sx-page-raised: #020202;
  --sx-sidebar: #010101;
  --sx-surface: #030303;
  --sx-surface-raised: #080808;
  --sx-surface-soft: #050505;
  --sx-surface-hover: #0d0d0d;
  --sx-line: #202020;
  --sx-line-strong: #383838;
  --sx-line-focus: #f2f2f2;
  --sx-text: #f5f5f5;
  --sx-text-soft: #c7c7c7;
  --sx-text-muted: #929292;
  --sx-text-faint: #747474;
  --sx-accent: #f2f2f2;
  --sx-accent-strong: #fff;
  --sx-accent-soft: #121212;
  --sx-accent-line: #3a3a3a;
  --sx-cyan: #d9d9d9;
  --sx-cyan-soft: #0d0d0d;
  --sx-amber: #d9d9d9;
  --sx-amber-soft: #0d0d0d;
  --sx-success: #a0a0a0;
  --sx-success-soft: #080808;
  --sx-warning: #a0a0a0;
  --sx-warning-soft: #080808;
  --sx-danger: #a8a8a8;
  --sx-danger-soft: #080808;
  --sx-info: #a0a0a0;
  --sx-info-soft: #080808;
  --sx-font: "Onest", "Segoe UI", sans-serif;
  --sx-mono: "JetBrains Mono", "Cascadia Mono", monospace;
  --sx-radius-xs: 7px;
  --sx-radius-sm: 10px;
  --sx-radius-md: 11px;
  --sx-radius-lg: 14px;
  --sx-radius-xl: 16px;
  --sx-shadow-sm: none;
  --sx-shadow-md: 0 20px 60px rgba(0, 0, 0, .58);
  --sx-shadow-dialog: 0 30px 90px rgba(0, 0, 0, .72);
  --sx-content-max: 1100px;
  --sx-mobile-nav-height: 58px;
  --sx-fast: 150ms;
  --sx-normal: 220ms;
  --sx-slow: 320ms;
  --sx-ease: cubic-bezier(.16, 1, .3, 1);
  --sx-ease-out: cubic-bezier(0, 0, .2, 1);
  --sx-ease-in-out: cubic-bezier(.4, 0, .2, 1);
}