/* GENERATED FILE -- do not edit.
 *
 * Written by `npx tsx scripts/gen-website.mjs` from src/theme/colors.ts and
 * src/theme/typography.ts. src/theme/webTokens.test.ts regenerates it in
 * memory and fails the suite on drift, so the wall on this page is the same
 * wall as the wall in the app -- structurally, not by promise.
 *
 * TWO FENCES CARRIED OVER FROM colors.ts (both load-bearing):
 *   1. --c-amber is GRAPHIC ONLY (3.04:1 on the ground). It is the focus
 *      ring and nothing else; --c-amber-text is the readable ochre for words.
 *   2. A filled --c-pine action is labelled --c-on-accent (5.55:1), never ink.
 */
:root {
  /* --- palette (src/theme/colors.ts) --- */
  --c-bg: #F4EEE5;
  --c-surface: #FCF9F3;
  --c-ink: #3E3831;
  --c-ink-soft: #645C52;
  --c-muted: #756B5F;
  --c-pine: #716456;
  --c-pine-tint: #ECE4D8;
  --c-amber: #AC8146;
  --c-amber-text: #846336;
  --c-amber-tint: #F3E9D3;
  --c-rust: #925941;
  --c-rust-tint: #F4E3D9;
  --c-border: #E5DCCC;
  --c-synergy: #656E4E;
  --c-synergy-tint: #EAEDDB;
  --c-white: #FFFFFF;
  --c-sun: #B57F32;
  --c-moon: #6C739B;
  --c-on-accent: #FDFBF7;
  --c-scrim: rgba(62, 52, 41, 0.35);
  --c-card-border: rgba(93, 77, 60, 0.10);
  --c-inset-wash: rgba(93, 77, 60, 0.05);

  /* --- shadows: panels lift off the wall, nothing is raised by a gradient --- */
  --shadow-card: 0 10px 30px rgba(93, 77, 60, 0.12);
  --shadow-sheet: 0 -8px 40px rgba(93, 77, 60, 0.18);
  --shadow-drawer: 2px 0 10px rgba(93, 77, 60, 0.16);

  /* --- type roles (src/theme/typography.ts) --- */
  --font-title: 'Bellefair', 'Cormorant Garamond', Georgia, serif;
  --fw-title: 400;
  --font-regular: 'Lato', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fw-regular: 400;
  --font-medium: 'Bellefair', 'Cormorant Garamond', Georgia, serif;
  --fw-medium: 400;
  --font-bold: 'Lato', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fw-bold: 700;
  --font-black: 'Bellefair', 'Cormorant Garamond', Georgia, serif;
  --fw-black: 400;
  --font-accent-medium: 'Quicksand', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fw-accent-medium: 500;
  --font-accent-semi-bold: 'Quicksand', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fw-accent-semi-bold: 600;
  --font-accent-bold: 'Quicksand', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fw-accent-bold: 700;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --fw-mono: 400;
  --font-mono-medium: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --fw-mono-medium: 500;
  --font-mono-semi-bold: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --fw-mono-semi-bold: 600;
}