/* Shared tokens for every tipbud.app page. Archivo is the only face (see @font-face in each page). */
:root {
  /* type scale: five px steps (+ the price suffix's 0.42em in index.html) */
  --fs-1: 13px;   /* labels, legal, captions */
  --fs-2: 15px;   /* nav, UI text, secondary copy */
  --fs-3: 17px;   /* body */
  --fs-4: 20px;   /* lede, row emphasis */
  --fs-5: 24px;   /* wordmark, totals, display numerals */

  /* contrast tokens — light appearance. Pages are brand-dark by default; light sections use the surface pair. */
  --bg-page: #121011;       /* night */
  --fg-page: #F6F1E9;       /* cream */
  --bg-surface: #F6F1E9;    /* cream sections */
  --fg-surface: #1A1516;    /* ink */
  --fg-muted-surface: #6B5F55;
  --fg-muted-page: #B8B0A8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-surface: #171415;  /* light sections flip to this in dark appearance */
    --fg-surface: #F6F1E9;
    --fg-muted-surface: #CFC7BF;
  }
}