@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-mono-500-latin.ttf") format("truetype");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/public-sans-400-latin.ttf") format("truetype");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/public-sans-500-latin.ttf") format("truetype");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/public-sans-600-latin.ttf") format("truetype");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/source-serif-4-italic-400-latin.ttf") format("truetype");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/source-serif-4-400-latin.ttf") format("truetype");
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/source-serif-4-600-latin.ttf") format("truetype");
}

:root {
  color-scheme: light;

  --paper: #f6f2e8;
  --paper-2: #fbf8f0;
  --paper-3: #efeadc;
  --ink: #1b1a17;
  --ink-2: #3f3b33;
  --ink-3: #756e60;
  --ink-4: #a8a091;
  --rule: #d8d0bd;
  --rule-2: #e6dfcc;

  --iboga: #2e5c42;
  --ibogaine: #1f4673;
  --noribogaine: #5c4870;
  --analog: #6e4a1e;
  --culture: #6e4a1e;

  --safety: #9e3520;
  --verify: #a87515;
  --verify-strong: #7a5610;
  --accent-deep: #1f4031;

  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Public Sans", -apple-system, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --white: var(--paper-2);
  --green: var(--accent-deep);
  --green-2: var(--iboga);
  --blue: var(--ibogaine);
  --ochre: var(--verify);
  --clay: var(--safety);
  --gold: var(--verify);
  --rose: var(--noribogaine);
  --muted: var(--ink-3);
  --line: color-mix(in srgb, var(--rule) 78%, transparent);
  --line-strong: var(--rule);
  --shadow: 0 22px 70px rgba(27, 26, 23, 0.12);
  --radius: 0;
}