/* Settings — design tokens */
:root {
  --color-base: #ebe7f0;
  --color-base-2: #ddd6e6;
  --color-surface: #f7f5fa;
  --color-ink: #1f1824;
  --color-ink-muted: #5a5164;
  --color-plum: #5c345c;
  --color-plum-deep: #3d2240;
  --color-brass: #b8956c;
  --color-brass-hot: #c9a575;
  --color-lavender: #c8bfd4;
  --color-white: #ffffff;
  --color-rule: #b8aec4;
  --color-tint: #e4ddea;
  --color-age: #3d2240;
  --color-cookie: #2a1f30;

  --font-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue Condensed", sans-serif;
  --font-body: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --container: 72rem;
  --rail: 14rem;
  --measure: 68ch;

  --radius: 0;
  --border: 1px dashed var(--color-rule);
  --border-solid: 1px solid var(--color-rule);
  --border-strong: 2px dashed var(--color-plum);

  --z-age: 1000;
  --z-cookie: 1100;
  --z-nav: 900;
}