:root {
  color-scheme: dark;
  --color-canvas: #090b10;
  --color-panel: #10131a;
  --color-panel-raised: #171b24;
  --color-panel-hover: #1d222c;
  --color-line: #2a303c;
  --color-line-strong: #3b4453;
  --color-text: #f1f5f7;
  --color-text-muted: #aab4c0;
  --color-text-dim: #7e8997;
  --color-accent: #63d3c5;
  --color-accent-strong: #8ce7dc;
  --color-accent-ink: #071310;
  --color-danger: #ff8d8d;
  --color-focus: #8ce7dc;
  --color-avatar-blue: #83b7ff;
  --color-avatar-amber: #e6bd6b;
  --color-avatar-coral: #e99488;
  --color-avatar-violet: #b6a0eb;
  --color-avatar-slate: #aab4c0;
  --radius-panel: 14px;
  --radius-control: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --duration-fast: 140ms;
  --duration-medium: 220ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --layer-base: 0;
  --layer-sticky: 10;
  --layer-overlay: 20;
}