/*!
 * web-kit homelab-tema for Web Awesome  (v0.3.0)
 * Lastes ETTER webawesome/styles/webawesome.css. Reglene er uleiret (utenfor
 * @layer), så de vinner over WA-temaet (wa-theme-laget) uten spesifisitetstriks.
 *
 * Identitet: homelab-amber. Vi peker WA-s brand-skala på den innebygde
 * `yellow`-tinten — da arver vi WA-s ferdig-tunede kontrast (on-loud/on-quiet),
 * i stedet for å håndtune en egen oransje og risikere dårlig lesbarhet.
 */
:root {
  --wa-color-brand-05: var(--wa-color-yellow-05);
  --wa-color-brand-10: var(--wa-color-yellow-10);
  --wa-color-brand-20: var(--wa-color-yellow-20);
  --wa-color-brand-30: var(--wa-color-yellow-30);
  --wa-color-brand-40: var(--wa-color-yellow-40);
  --wa-color-brand-50: var(--wa-color-yellow-50);
  --wa-color-brand-60: var(--wa-color-yellow-60);
  --wa-color-brand-70: var(--wa-color-yellow-70);
  --wa-color-brand-80: var(--wa-color-yellow-80);
  --wa-color-brand-90: var(--wa-color-yellow-90);
  --wa-color-brand-95: var(--wa-color-yellow-95);
  --wa-color-brand: var(--wa-color-yellow);
  --wa-color-brand-key: var(--wa-color-yellow-key);

  /* Lett system-typografi, som resten av kit-en */
  --wa-font-family-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --wa-font-family-heading: var(--wa-font-family-body);
}