/* QAN tokens: "The QAN Club" design system in Claude, brand book v5 (tokens.json v1 + shadow-float).
   Light only: the product has no dark mode (decided 13 Nov). Change a value here only after it changes in the brand book. */
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700;800&family=Patrick+Hand&display=swap");

:root {
  --forest: #456558; --forest-deep: #33493f; --sage: #58856e; --mist: #bdc5b4;
  --tan: #9c7f53; --cream: #f5eedc;
  --caramel: #7d6c50;
  --surface: #faf6ea; --surface-alt: #f5eedc; --surface-raised: #fffdf7;
  --ink: #2c3d35; --ink-soft: #5b6b62;
  --accent-text: #456558; --on-accent: #f5eedc; --accent-fill: #456558; --accent-fill-hover: #33493f;
  --sage-soft: #dfe5d6;
  --line: rgba(44,61,53,0.16); --line-strong: #5b6b62;
  --focus: #33493f;
  --attention: #8a5a12; --attention-soft: #f4e4c2;
  --danger: #a3402e; --danger-soft: #f3d5ce;
  --shadow-float: 0 12px 32px rgba(51,73,63,0.16), 0 2px 6px rgba(51,73,63,0.10);

  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 20px; --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --display: "Patrick Hand", "Segoe Print", cursive;
  --sans: Mulish, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* product-only, derived from the tokens above */
  --bar: #456558;            /* the panel's top bar: the logo's ground */
  --scrim: rgba(31,43,37,0.32);
  --hatch: rgba(44,61,53,0.07);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  color-scheme: light;
}