@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/manrope-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../assets/fonts/newsreader-latin.woff2") format("woff2");
}

:root {
  color-scheme: light;

  /* Sonoran Daylight. Warm paper ground, deep desert ink, burnished gold and
     ember as the accents. Every pairing measured before adoption: the worst
     case is 5.23:1, so all clear AA. The hero stays a dark cinematic plate;
     the page it opens into is light. */
  --color-ground: #FAFBFC;
  --color-frame: #F4F5F7;
  --color-surface: #FFFFFF;
  --color-raised: #F0F1F4;
  --color-ink: #1D1D1F;
  --color-ink-soft: #424248;
  --color-ink-muted: #5E5E66;
  --color-ember: #8A6420;
  --color-gold: #8A6420;
  --color-gold-soft: #7A5718;
  --color-accent-ink: #FFFFFF;
  --color-champagne: #CDA45A;
  --color-line: #E3E5E9;
  --color-focus: #8A6420;

  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: "Manrope", "Avenir Next", Avenir, "Helvetica Neue", Helvetica, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --text-display: clamp(3.75rem, 10vw, 8.5rem);
  --text-title: clamp(2.35rem, 5vw, 4.75rem);
  --text-heading: clamp(1.65rem, 3vw, 2.65rem);
  --text-body: 1rem;
  --text-label: 0.75rem;
  --leading-display: 0.9;
  --leading-title: 1;
  --leading-body: 1.7;
  --tracking-display: -0.045em;
  --tracking-label: 0.14em;

  --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: 4.5rem;
  --space-9: 7rem;
  --space-10: 10rem;

  --measure-copy: 42rem;
  --measure-wide: 78rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);

  --radius-field: 0.25rem;
  --radius-control: 999px;
  --radius-panel: 1.5rem;
  --border-hairline: 1px;
  --shadow-raised: 0 1px 1px rgb(5 10 14 / 0.42), 0 28px 70px -42px rgb(2 7 12 / 0.9);

  --duration-fast: 180ms;
  --duration-control: 240ms;
  --duration-reveal: 680ms;
  --ease-control: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-display: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-reveal: cubic-bezier(0.25, 1, 0.5, 1);

  --z-content: 1;
  --z-header: 10;
  --z-focus: 20;
}

/* Cross document view transitions: page to tool navigation cross fades instead
   of hard cutting. Browsers without support simply navigate. */
@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}