/* kwaVast: the brand. Token values only (kit.mjs doctor checks); other styling goes in custom/site.css.
   The typeface URL goes in content/site.json, site.fonts (a Google Fonts css2 link). Uncomment and set what differs.
   Source: the kwaVast Canva site (DAGwdI4LuXc), read 2026-10-16. Values marked "nudged" were moved in lightness only
   (hue kept) to pass WCAG 2.2 AA; "derived" values are tints of a brand colour the Canva site has no exact match for. */
:root {
  --brand: #8D6B42;  /* buttons, links, accents; Canva heading tan #B38B5C nudged darker */
  --on-brand: #FFFFFF;  /* text on --brand */
  --brand-soft: #DFD7CE;  /* tinted backgrounds; Canva warm grey, exact */
  --ground: #FAF7F3;  /* page background; derived from #DFD7CE */
  --surface: #FFFFFF;  /* cards and sheets; Canva white */
  --ink: #323233;  /* body text; Canva text, exact */
  --muted: #6B625A;  /* secondary text; derived warm grey */
  --line: #A38B71;  /* borders; Canva #DFD7CE nudged darker */
  --field: #AC8968;  /* form field borders; Canva footer tan #C8B19B nudged darker */
  --danger: #B23023;  /* errors; Canva booking red, exact */
  --danger-soft: #F8E6E3;  /* error backgrounds; derived from #B23023 */
  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;  /* body typeface */
  --font-display: "Fraunces", Georgia, serif;  /* headings typeface */
  --radius: 20px;  /* cards */
  --radius-sm: 12px;  /* buttons and fields */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #CCAC8D;  /* buttons, links, accents; Canva tan, exact */
    --on-brand: #1B1814;  /* text on --brand */
    --brand-soft: #3A2F24;  /* tinted backgrounds */
    --ground: #1B1814;  /* page background */
    --surface: #25211C;  /* cards and sheets */
    --ink: #EFE9E2;  /* body text */
    --muted: #B8ADA1;  /* secondary text */
    --line: #7A6C5E;  /* borders */
    --field: #857565;  /* form field borders */
    --danger: #D57066;  /* errors; Canva red #CA4A3E nudged lighter */
    --danger-soft: #3A1F1A;  /* error backgrounds */
  }
}
:root[data-theme="dark"] {
  --brand: #CCAC8D;  /* buttons, links, accents; Canva tan, exact */
  --on-brand: #1B1814;  /* text on --brand */
  --brand-soft: #3A2F24;  /* tinted backgrounds */
  --ground: #1B1814;  /* page background */
  --surface: #25211C;  /* cards and sheets */
  --ink: #EFE9E2;  /* body text */
  --muted: #B8ADA1;  /* secondary text */
  --line: #7A6C5E;  /* borders */
  --field: #857565;  /* form field borders */
  --danger: #D57066;  /* errors; Canva red #CA4A3E nudged lighter */
  --danger-soft: #3A1F1A;  /* error backgrounds */
}