:root {
  --color-background: #121415;
  --color-surface: #121415;
  --color-surface-container: #1e2021;
  --color-surface-container-low: #1a1c1d;
  --color-surface-container-lowest: #0c0e0f;
  --color-surface-container-high: #282a2b;
  --color-surface-container-highest: #333536;
  --color-text: #e2e2e3;
  --color-text-muted: #dac1bc;
  --color-primary: #c26d5c;
  --color-primary-soft: #ffb4a5;
  --color-border: #54433f;
  --font-primary: "Montserrat", sans-serif;
  --font-mono: var(--font-primary);
  --container-width: 1280px;
  --container-padding: 16px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
}