:root {
  color-scheme: dark;

  --bg:            #0e0b0c;
  --surface:       #171214;
  --surface-raised:#211a1c;
  --border:        #3a2c30;

  --text:          #f2ebe6;
  --text-muted:    #a8999b;
  --text-faint:    #7a6d6f;

  --crimson:       #c8102e;
  --crimson-hover: #e0203f;
  --crimson-deep:  #5a0814;
  --crimson-text:  #ff5c70;
  --on-crimson:    #fff5f2;

  --waning:        #e8a0a8;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;

  --radius: 2px;
  --content-width: 1100px;
  --ease: 150ms ease;

  --font-heading: "Cinzel", serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}