/* Tema for demoen til Fagerheim Hundehotell. Fargene og skriften er hentet fra fagerheimhundehotell.com
   (19.10.2026): koksgrå bakgrunn, stålblå meny og knapper, Libre Baskerville i overskrifter og Open Sans i teksten. */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Open+Sans:wght@400;600;700&display=swap');
:root {
  --merke: #466a80;
  --merke-mork: #2d2f30;
  --tint: #e4ecf1;
  --aksent: #608da8;
  --ok: #4f7890;
  --ok-tint: #e8eff3;
  --bakgrunn: #343738;
  --flate: #f3f4f4;
  --papir: #ffffff;
  --tekst: #2d2f30;
  --dempet: #595e60;
  --linje: #dde1e3;
  --font-display: 'Libre Baskerville', Georgia, serif;
  --font-sans: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
/* Roligere uttrykk som på nettsiden: små hjørner, tynne linjer, ingen pynt bak prisen.
   «html» foran gjør at reglene vinner over motorens stilark, som lastes etter temaet. */
html h1 { font-size: 1.7rem; line-height: 1.2; font-weight: 700; }
html .velkommen h1 { font-size: 1.9rem; }
html .kort, html .teller, html .kalender, html .dato, html .felt { border-radius: 8px; box-shadow: none; border: 1px solid var(--linje); }
html .valg, html .bryter { border-radius: 8px; border-width: 1px; }
html .valg[aria-pressed="true"], html .bryter[aria-pressed="true"] { box-shadow: inset 0 0 0 1px var(--merke); }
html .pris-hero { border-radius: 8px; box-shadow: none; }
html .pris-hero::after { display: none; }
html .pris-hero .belop { font-size: 2.4rem; }
html .neste, html .knapp { border-radius: 6px; }
html .neste { height: 52px; }
html .status { border-radius: 6px; box-shadow: none; border: 1px solid var(--linje); }
html .teller button { border-radius: 6px; width: 56px; height: 56px; border-width: 1px; }
html .brikke, html .merk, html .demo-merke { border-radius: 6px; border-width: 1px; }
html .rad.sum b { font-family: var(--font-sans); font-weight: 700; }
html .varsel, html .tips { border-radius: 4px; }