/*
 * Token vocabulary — the single place app-wide design decisions live.
 *
 * Web Awesome's --wa-* custom properties ARE the vocabulary; app CSS and
 * components read the same tokens the wa-* elements use. This file only
 * overrides the theme's defaults — it must stay small. WA's own theme
 * declares on :where(:root) inside @layer wa-theme, so plain :root
 * declarations here always win.
 *
 * Reference: public/webawesome/<version>/styles/themes/default.css lists
 * every available token.
 */

:root {
  /* Self-hosted UI fonts (vendor/assets/fonts) */
  --wa-font-family-body: "Fira Sans", ui-sans-serif, system-ui, sans-serif;
  --wa-font-family-heading: var(--wa-font-family-body);
  --wa-font-family-longform: var(--wa-font-family-body);
  --wa-font-family-code: "Fira Mono", ui-monospace, monospace;

  /*
   * Brand hue: WA default (blue) for now — no brand palette decided yet.
   * To change it, re-point the brand scale at another WA palette hue, e.g.:
   *   --wa-color-brand-50: var(--wa-color-indigo-50);  (repeat per step 05–95)
   */
}