/* ------------------------------------------------------------------
   Arborisis — design tokens
   Paper, moss ink and a single amber "signal" accent.
   ------------------------------------------------------------------ */

@font-face {
  font-family: "Fraunces";
  src: url("/assets/fraunces-latin-full-normal-d95a56c0.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/assets/fraunces-latin-full-italic-9030f86d.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/geist-latin-wght-normal-e5c2f810.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/assets/geist-mono-latin-wght-normal-a8fff9c1.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  --paper: #f3efe4;
  --paper-2: #ebe5d6;
  --paper-3: #ddd5c1;
  --surface: #faf8f2;
  --ink: #161d12;
  --ink-2: #3a4434;
  --muted: #6c7462;
  --moss: #35482c;
  --moss-2: #4f6a41;
  --lichen: #c4d08f;
  --signal: #d8731c;
  --signal-ink: #fffaf1;
  --danger: #b4391f;
  --rule: rgb(22 29 18 / 0.13);
  --rule-strong: rgb(22 29 18 / 0.3);

  --panel: #24321d;
  --panel-2: #2d3d25;
  --panel-ink: #efe9d9;
  --panel-muted: #a7b296;

  --mesh-node: #35482c;
  --mesh-link: rgb(53 72 44 / 0.12);
  --mesh-origin: #1f2b19;

  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --step--2: clamp(0.7rem, 0.68rem + 0.08vw, 0.76rem);
  --step--1: clamp(0.82rem, 0.8rem + 0.12vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.28rem + 1.1vw, 2.2rem);
  --step-3: clamp(1.9rem, 1.5rem + 2vw, 3.2rem);
  --step-4: clamp(2.5rem, 1.7rem + 4vw, 5.4rem);
  --step-5: clamp(3.1rem, 1.4rem + 8.4vw, 10rem);

  --gutter: clamp(1rem, 4vw, 3.25rem);
  --max: 1480px;
  --header-h: 68px;
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 30px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --shadow: 0 1px 1px rgb(22 29 18 / 0.04), 0 8px 24px -8px rgb(22 29 18 / 0.14), 0 30px 60px -30px rgb(22 29 18 / 0.25);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0d120b;
    --paper-2: #141b11;
    --paper-3: #1d2618;
    --surface: #11170e;
    --ink: #ece6d5;
    --ink-2: #c6c5b2;
    --muted: #8d937f;
    --moss: #b1c98f;
    --moss-2: #93ae73;
    --lichen: #556641;
    --signal: #f39b45;
    --signal-ink: #1b1206;
    --danger: #f07a5c;
    --rule: rgb(236 230 213 / 0.11);
    --rule-strong: rgb(236 230 213 / 0.26);
    --panel: #172012;
    --panel-2: #1f2a19;
    --panel-ink: #ece6d5;
    --panel-muted: #96a184;
    --mesh-node: #cdd6b8;
    --mesh-link: rgb(205 214 184 / 0.09);
    --mesh-origin: #f1ead8;
    --shadow: 0 1px 1px rgb(0 0 0 / 0.2), 0 12px 30px -10px rgb(0 0 0 / 0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0d120b;
  --paper-2: #141b11;
  --paper-3: #1d2618;
  --surface: #11170e;
  --ink: #ece6d5;
  --ink-2: #c6c5b2;
  --muted: #8d937f;
  --moss: #b1c98f;
  --moss-2: #93ae73;
  --lichen: #556641;
  --signal: #f39b45;
  --signal-ink: #1b1206;
  --danger: #f07a5c;
  --rule: rgb(236 230 213 / 0.11);
  --rule-strong: rgb(236 230 213 / 0.26);
  --panel: #172012;
  --panel-2: #1f2a19;
  --panel-ink: #ece6d5;
  --panel-muted: #96a184;
  --mesh-node: #cdd6b8;
  --mesh-link: rgb(205 214 184 / 0.09);
  --mesh-origin: #f1ead8;
  --shadow: 0 1px 1px rgb(0 0 0 / 0.2), 0 12px 30px -10px rgb(0 0 0 / 0.5);
}