/* Forge & Form design tokens. Shared by the home page and every tool page. */
:root {
  --bg: #16171a;
  --bg-2: #1b1c1f;
  --surface: #1f2124;
  --surface-2: #2a2d31;
  --surface-3: #33373c;
  --line: #3a3e44;
  --line-soft: #2e3136;
  --text: #ece8df;
  --muted: #9b968b;
  --amber: #f5a524;
  --amber-dim: #c98310;
  --amber-ink: #1c1405;
  --copper: #b8714a;
  --copper-dim: #8d5536;
  --danger: #ff7a66;
  --ok: #8fd694;
  --nav-h: 58px;
  --cut: 9px;
  --chamfer: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  --font-head: Bahnschrift, "DIN Condensed", "Barlow Condensed", "Oswald", "Roboto Condensed", "Arial Narrow", "Liberation Sans Narrow", Impact, sans-serif;
  --font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, "Noto Sans", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
  --faint: #6f6b63;
  --warn: #e8c45a;
  --tint-candles: #b8714a; --tint-bath: #7fa9b8; --tint-table: #c9a46a; --tint-desk: #9aa58a; --tint-go: #8fb39a; --tint-toys: #c98aa8; --tint-shop: #b0aaa0;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 72px;
}