/* Design tokens: colors, fonts, spacing. Every other file reads these variables. */

:root {
  color-scheme: light;
  --bg: #F0EEE7;
  --bg-raised: #FAF9F5;
  --fg: #141413;
  --fg-muted: #6F6D66;
  --line: #E3E0D6;
  --accent: #D97757;
  --accent-ink: #B85C3D;
  --btn-bg: #141413;
  --btn-fg: #FAF9F5;
  --ocean: #E6E1D5;
  --land: #D8CDB6;
  --coast: #C1B192;
  --grat: rgba(20,20,19,.07);
  --rim: rgba(20,20,19,.16);
  --halo: rgba(217,119,87,.16);
  --halo-0: rgba(217,119,87,0);
  --shade-hi: rgba(255,255,255,.55);
  --shade-lo: rgba(120,90,60,.16);
  --campus-dim: none;
  --grass-t: #B7C196;
  --soil-l: #A88B6A;
  --soil-r: #8C7154;
  --path: #EFE6D3;
  --brick-t: #C99A84;
  --brick-l: #BD6A4D;
  --brick-r: #9E543B;
  --roof-f: #C9714F;
  --roof-b: #A65A3E;
  --stone-t: #F4EDE0;
  --stone-l: #E2D6C1;
  --stone-r: #C9BBA2;
  --win: #5B3426;
  --bronze: #5E4C33;
  --bronze-hi: #8A7350;
  --crest: #990000;
  --trunk: #8A6C4C;
  --leaf: #6E8A52;
  --leaf-2: #86A266;
  --shadow: rgba(20,20,19,.18);
  --display: "Newsreader",Georgia,"Times New Roman",serif;
  --ui: "Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono: "JetBrains Mono",ui-monospace,Menlo,monospace;
  --gutter: max(16px,4vw);
}