:root {
  --color-bg: #111111;
  --color-bg-soft: #181818;
  --color-surface: #232323;
  --color-surface-alt: #2e2e2e;
  --color-text: #f0f0f0;
  --color-text-soft: #bdbdbd;
  --color-accent: #d8d8d8;
  --color-line: #5a5a5a;
  --color-focus: #fafafa;
  --frame-tone: rgba(200, 200, 200, 0.38);

  --font-display: "Baskerville", "Times New Roman", "Palatino Linotype", "Book Antiqua", serif;
  --font-body: "Georgia", "Times New Roman", "Palatino Linotype", "Book Antiqua", serif;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.25);
  --container: min(72rem, 92vw);
}