:root {
  color-scheme: dark;
  --bg: #08110f;
  --bg-elevated: #0e1a17;
  --panel: #121e1b;
  --panel-2: #172621;
  --surface: #0e1916;
  --surface-2: #14231e;
  --line: #253833;
  --line-bright: #426056;
  --text: #eef5f1;
  --muted: #9eb0a9;
  --faint: #6d8078;
  --accent: #b9e879;
  --accent-2: #78d8c1;
  --accent-dim: #244537;
  --accent-ink: #162312;
  --warn: #e8bd70;
  --warning: #e8bd70;
  --danger: #f08b83;
  --blue: #91b6ee;
  --overlay: rgb(3 9 8 / 72%);
  --input-bg: rgb(18 31 27 / 82%);
  --focus-ring: 0 0 0 3px rgb(120 216 193 / 22%);
  --shadow: 0 24px 80px rgb(0 0 0 / 28%), 0 2px 8px rgb(0 0 0 / 16%);
  --shadow-soft: 0 14px 34px rgb(0 0 0 / 20%);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: 160ms;
  --duration-slow: 240ms;
  --radius-sm: 10px;
  --radius-md: 15px;
  --radius-lg: 24px;
  --rail-width: 112px;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", "Roboto Mono", "Cascadia Code", Consolas, monospace;
  font-family: var(--sans);
  color: var(--text);
  background: var(--bg);
}