/* Replace these tokens with your design. Page layout lives in layout.css. */
:root {
  color-scheme: light;
  --color-background: #fff6df;
  --color-button: #171a21;
  --color-button-hover: #218476;
  --color-button-pressed: #196457;
  --color-button-text: #ffffff;
  --color-focus: #218476;
  --font-body: "Segoe UI", system-ui, sans-serif;
  --logo-width: 56rem;
  --page-gutter: clamp(1.25rem, 5vw, 4rem);
  --logo-button-gap: clamp(1.5rem, 4vw, 3rem);
  --button-radius: 0.25rem;
}