:root {
  color-scheme: dark;
  --cy-obsidian: #080914;
  --cy-graphite: #101222;
  --cy-indigo: #17182c;
  --cy-lavender: #9b83d9;
  --cy-violet: #c1a9f0;
  --cy-ivory: #eeeaf5;
  --cy-muted: #aaa5bf;
  --cy-border: #34304d;
  --cy-crimson: #7a2e3a;
  --cy-danger-text: #f0abb8;
  --cy-success: #79d6ab;
  --cy-warning: #e5bc78;
  --cy-panel: rgba(8,9,20,.94);
  --cy-panel-raised: rgba(16,18,34,.96);
  --cy-focus: #d2bdff;
  --cy-body-font: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --cy-display-font: var(--cy-body-font);
  --cy-radius-sm: 8px;
  --cy-radius: 12px;
  --cy-radius-lg: 16px;
  --cy-radius-modal: 18px;
  --cy-radius-pill: 999px;
  --cy-border-width: 1px;
  --cy-shadow-card: 0 4px 16px #00000024;
  --cy-shadow-panel: 0 8px 28px #00000030;
  --cy-shadow-modal: 0 24px 80px #00000080;
  --cy-space-1: 4px;
  --cy-space-2: 8px;
  --cy-space-3: 12px;
  --cy-space-4: 16px;
  --cy-space-6: 24px;
  --cy-space-8: 32px;
  --cy-space-12: 48px;
}