:root {
  --color-ink: #000000;
  --color-ink-soft: #1c1a17;
  --color-sand: #ebe7dd;
  --color-cream: #fff8ec;
  --color-text: #3d3a35;
  --color-text-soft: #56524b;
  --color-muted-dark: #8c8c8c;
  --color-line-dark: rgb(255 255 255 / 0.16);

  --color-accent: #d43f22;
  --color-accent-hover: #b8361c;
  --color-accent-bright: #ff6b45;

  --font-display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-script: "Yellowtail", "Brush Script MT", cursive;

  --marquee-h: 66px;
  --nav-h: 56px;
  --radius-card: 10px;

  --focus-ring: var(--color-ink);
}