/* Generated by scripts/build-brand-tokens.mjs from brand/design-tokens.json.
   Edit the JSON and regenerate; never edit this file by hand. */
:root {
  --brand-cream:#f6f0e5;
  --brand-paper:#fffaf1;
  --brand-ink:#24211e;
  --brand-red:#b92b32;
  --brand-red-dark:#962029;
  --brand-muted:#6c6258;
  --brand-amber:#e4a044;
  --brand-success:#2a6042;
  --brand-coffee-green:#344e43;
  --brand-cold:#668fa2;
  --brand-peach:#f0d8c4;
  --brand-sage:#e3e7d8;
  --brand-neutral-white:#ffffff;
  --brand-neutral-black:#000000;
  --brand-line:color-mix(in srgb,var(--brand-muted) 22%,var(--brand-paper));
  --brand-on-dark-muted:color-mix(in srgb,var(--brand-paper) 70%,var(--brand-muted));
  --brand-space-4:4px;
  --brand-space-8:8px;
  --brand-space-12:12px;
  --brand-space-16:16px;
  --brand-space-24:24px;
  --brand-space-32:32px;
  --brand-space-48:48px;
  --brand-space-64:64px;
  --brand-space-96:96px;
  --brand-card-radius:24px;
  --brand-control-radius:12px;
  --brand-radius-pill:999px;
  --brand-minimum-target:44px;
  --brand-shadow-hard:4px 4px 0px var(--brand-ink);
  --brand-shadow-accent-hard:6px 6px 0px var(--brand-red);
  --brand-shadow-small:0 4px 12px color-mix(in srgb,var(--brand-ink) 12%,transparent);
  --brand-shadow-medium:0 12px 32px color-mix(in srgb,var(--brand-ink) 18%,transparent);
  --brand-shadow-large:0 24px 80px color-mix(in srgb,var(--brand-ink) 25%,transparent);
  --brand-font-display:"Helvetica Neue",Arial;
  --brand-font-body:Inter,system-ui,"Segoe UI";
  --brand-font-accent:Georgia;
  --brand-font-handwritten:Caveat;
  --brand-font-code:ui-monospace,SFMono-Regular,monospace;
}