@font-face {
  font-family: "Geist";
  src: url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/Geist-Variable.woff2")
    format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/GeistMono-Variable.woff2")
    format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Color — ink (surface scale: 950 = page, 400 = strongest border) */
  --color-ink-950: #f2edd9;
  --color-ink-900: #f2edd9;
  --color-ink-850: #f7f3e4;
  --color-ink-800: #fbf8ec;
  --color-ink-700: #ece5cd;
  --color-ink-600: #e3dbbf;
  --color-ink-500: #b4bca8;
  --color-ink-400: #99a793;

  /* Color — accent (saguaro) */
  --color-accent: #143d2b;
  --color-accent-glow: #1c5238;
  --color-accent-deep: #0e2c1f;

  /* Color — text & chrome */
  --color-text: #12241c;
  --color-text-muted: #5b6e62;
  --color-text-faint: rgba(18, 36, 28, 0.45);
  --color-line: rgba(20, 61, 43, 0.14);
  --color-fill: rgba(20, 61, 43, 0.05);
  --color-fill-strong: rgba(20, 61, 43, 0.09);
  --color-danger: #b9603f;
  --color-warn: #c79a4b;
  --color-warn-ink: #8a6a1f;
  --color-moss: #5c7a4f;
  --color-moss-weak: #e1e9d8;
  --color-sand-weak: #f3e7cd;
  --color-paper: #ffffff;
  --shadow-dash: 0 1px 2px rgba(20, 61, 43, 0.06), 0 8px 24px rgba(20, 61, 43, 0.06);

  /* Font — families */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Font — size */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-display: 2.125rem;

  /* Font — weight */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}