:root {
  --background: #050505;
  --background-secondary: #0a0a09;
  --text-primary: #f2efe8;
  --text-secondary: rgba(242, 239, 232, 0.62);
  --text-muted: rgba(242, 239, 232, 0.38);
  --rolex-green: #006039;
  --deep-green: #003d29;
  --champagne: #b99a61;
  --gold: #d0b477;
  --border: rgba(255, 255, 255, 0.14);
  --border-soft: rgba(255, 255, 255, 0.07);
  --surface: rgba(255, 255, 255, 0.035);

  --font-display: "LocalDisplay", Georgia, "Times New Roman", serif;
  --font-body: "LocalSans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "LocalMono", "SFMono-Regular", Consolas, monospace;

  --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;

  --header-h: 4.25rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-precise: cubic-bezier(0.19, 1, 0.22, 1);

  --z-canvas: 1;
  --z-atmosphere: 2;
  --z-chapters: 3;
  --z-header: 40;
  --z-loader: 50;
  --z-menu: 60;
  --z-cursor: 70;
  --z-debug: 80;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

@font-face {
  font-family: "LocalDisplay";
  src: url("../assets/fonts/InstrumentSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LocalDisplay";
  src: url("../assets/fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "LocalSans";
  src: url("../assets/fonts/DMSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LocalSans";
  src: url("../assets/fonts/DMSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "LocalMono";
  src: url("../assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}