/* ========================================================
   Tolk meg — Grunnstil
   Felles for alle sider på tolkmeg.no
   ======================================================== */

/* === Fargepalett === */
:root {
  /* Grønntoner — hovedfargene */
  --grønn-mørk: #2d5a3d;
  --grønn-medium: #3e7752;
  --grønn-lys: #e8efe9;
  --grønn-svak: #f4f7f4;

  /* Krem — varm bakgrunn */
  --krem: #faf6ef;
  --krem-mørk: #f0ebe0;

  /* Tekst */
  --tekst: #1a2820;
  --tekst-mykt: #5a6a60;
  --tekst-svakt: #8a9590;

  /* Aksent — terrakotta og gull */
  --terrakotta: #c47558;
  --terrakotta-mykt: #f2e3dc;
  --terrakotta-mørk: #9d4f33;

  --gull: #b8923a;
  --gull-mykt: #f5e9c8;

  /* Linje og skiller */
  --linje: #d9dcd5;

  /* Fag-blå (for helsepersonell-flater senere) */
  --blå-fag: #5a7a8a;
  --blå-mykt: #e3ecf0;
}

/* === Basis-reset === */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--tekst);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* === Lenker — standard === */
a {
  color: var(--grønn-mørk);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* === Knapper — standard === */
button {
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

/* === Bilder skalerer riktig === */
img {
  max-width: 100%;
  height: auto;
  display: block;
}