:root {
  color-scheme: light;

  --green: #1f4d3d;
  --green-900: #0d2d23;
  --gold: #d9982b;
  --sand: #f3ead7;
  --sage: #6b7f5e;
  --granite: #4a535b;
  --ink: #15261f;
  --paper: #fffaf0;
  --cream: #f8f2e7;
  --line: rgba(31, 77, 61, 0.16);
  --shadow: 0 1.5rem 4rem rgba(13, 45, 35, 0.14);
  --shadow-sm: 0 0.5rem 1.5rem rgba(13, 45, 35, 0.12);
  --max: 90rem;
  --gutter: clamp(1rem, 3vw, 2rem);

  --status-verified: #1f4d3d;
  --status-pending: #d9982b;
  --status-unclaimed: #8a8f94;
  --status-error: #b3401f;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.75rem;

  /* Documented breakpoint values; components.css media queries must use these literals */
  --bp-mobile: 390px;
  --bp-tablet: 768px;
  --bp-desktop: 1440px;

  --z-nav: 30;
  --z-overlay: 40;
  --z-modal: 50;

  font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
}

.font-display {
  font-family: "Playfair Display", Georgia, serif;
}