:root {
  color-scheme: light;
  --ink: #11100e;
  --ink-soft: #3d3933;
  --paper: #f6f2e9;
  --paper-warm: #ebe4d6;
  --white: #fffdf8;
  --graphite: #1d1c1a;
  --champagne: #c9b28a;
  --gold: #9b7940;
  --gold-light: #d8c29a;
  --line: rgba(17, 16, 14, 0.18);
  --line-light: rgba(255, 253, 248, 0.28);
  --danger: #7b2d22;
  --success: #2e5d47;
  --container: 90rem;
  --measure: 42rem;
  --header-h: 4.75rem;
  --space-2xs: 0.35rem;
  --space-xs: 0.65rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4.5rem;
  --space-2xl: 7.5rem;
  --space-3xl: 11rem;
  --radius: 0.15rem;
  --shadow: 0 1.5rem 5rem rgba(17, 16, 14, 0.14);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans: Inter, Avenir, "Helvetica Neue", Arial, sans-serif;
  --z-header: 50;
  --z-drawer: 70;
  --z-modal: 90;
}

@media (max-width: 48rem) {
  :root {
    --header-h: 4.1rem;
    --space-xl: 3.25rem;
    --space-2xl: 5.25rem;
    --space-3xl: 7rem;
  }
}