/* Route Relic: 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. */
:root {
  /* --brand: ; */  /* buttons, links, accents */
  /* --on-brand: ; */  /* text on --brand */
  /* --brand-soft: ; */  /* tinted backgrounds */
  /* --ground: ; */  /* page background */
  /* --surface: ; */  /* cards and sheets */
  /* --ink: ; */  /* body text */
  /* --muted: ; */  /* secondary text */
  /* --line: ; */  /* borders */
  /* --field: ; */  /* form field borders */
  /* --danger: ; */  /* errors */
  /* --danger-soft: ; */  /* error backgrounds */
  /* --font: ; */  /* body typeface, e.g. "Figtree", system-ui, sans-serif */
  /* --font-display: ; */  /* headings typeface */
  /* --radius: ; */  /* cards */
  /* --radius-sm: ; */  /* buttons and fields */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* --brand: ; */  /* buttons, links, accents */
    /* --on-brand: ; */  /* text on --brand */
    /* --brand-soft: ; */  /* tinted backgrounds */
    /* --ground: ; */  /* page background */
    /* --surface: ; */  /* cards and sheets */
    /* --ink: ; */  /* body text */
    /* --muted: ; */  /* secondary text */
    /* --line: ; */  /* borders */
    /* --field: ; */  /* form field borders */
    /* --danger: ; */  /* errors */
    /* --danger-soft: ; */  /* error backgrounds */
  }
}
:root[data-theme="dark"] {
  /* --brand: ; */  /* buttons, links, accents */
  /* --on-brand: ; */  /* text on --brand */
  /* --brand-soft: ; */  /* tinted backgrounds */
  /* --ground: ; */  /* page background */
  /* --surface: ; */  /* cards and sheets */
  /* --ink: ; */  /* body text */
  /* --muted: ; */  /* secondary text */
  /* --line: ; */  /* borders */
  /* --field: ; */  /* form field borders */
  /* --danger: ; */  /* errors */
  /* --danger-soft: ; */  /* error backgrounds */
}