/* ================================================================
   Nora Signal — Design-tokens: fargesystem (4 temaer), reset, typografi, scrollbar
   Utledet fra samples/sample2.html · Profilhåndbok v1.0
   ================================================================ */

/* ================================================================
   Nora Signal — finn nye kunder før konkurrentene · frittstående tjeneste
   Token-basert fargesystem, jf. Profilhåndbok v1.0
   ================================================================ */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
  /* --- Sand (standard) --- */
  --bg: #F7F7F5;
  --surface: #FFFFFF;
  --surface-hover: #FAFAF8;
  --border: #E8E6E1;
  --border-light: #F0EEEA;
  --text: #1A1A1A;
  --text-secondary: #6B6B6B;
  --text-tertiary: #9B9B9B;
  --accent: #2C5F2D;
  --accent-light: #EEF3EE;
  --accent-hover: #234D24;
  --red: #C44536;       --red-light: #FDF0EE;
  --orange: #B5651D;    --orange-light: #FDF5EE;
  --blue: #2D5F8A;      --blue-light: #EEF3F8;
  /* Produktfarger (Nora Signal Suite) — én dempet farge per produkt */
  --pk-folg: #2D5F8A;   --pk-skifte: #A6741B;     --pk-risiko: #C44536;  --pk-byra: #6B4FA0;
  --pk-marked: #2C5F2D; --pk-anbud: #1F6F6B;      --pk-ekspansjon: #B5651D; --pk-brief: #8E4585;
  --pk-kart: #3E5C76;   --pk-flekker: #6B7F3A;    --pk-rekrut: #8A4A5E; --pk-stat: #34618F;
  --pk-invest: #4A5899; --pk-kjede: #7A5230;      --pk-oppdrag: #22788A;
  --sb-bg: #1A1A1A;
  --sb-text: #A0A0A0;
  --sb-hover: #2A2A2A;
  --sb-active: #333333;
  --sb-label: #555555;
}
body[data-theme="slate"] {
  --bg: #F0F2F5;
  --surface: #FFFFFF;
  --surface-hover: #F7F9FB;
  --border: #DFE3E9;
  --border-light: #EAEDF1;
  --accent: #3B5998;
  --accent-light: #EAEFF7;
  --accent-hover: #2F477F;
  --sb-bg: #1E293B;
  --sb-hover: #283548;
  --sb-active: #334155;
  --sb-label: #64748B;
}
body[data-theme="dark"] {
  --bg: #111113;
  --surface: #1A1A1E;
  --surface-hover: #222226;
  --border: #2A2A2E;
  --border-light: #232327;
  --text: #E4E4E7;
  --text-secondary: #A1A1AA;
  --text-tertiary: #71717A;
  --accent: #6D9A6E;
  --accent-light: #1F2A1F;
  --accent-hover: #7FAF80;
  --red: #D96A5B;       --red-light: #2E1B18;
  --orange: #CE8A4A;    --orange-light: #2C2115;
  --blue: #6B9BC3;      --blue-light: #16222E;
  --pk-folg: #6B9BC3;   --pk-skifte: #C9A24A;     --pk-risiko: #D96A5B;  --pk-byra: #9D85CB;
  --pk-marked: #6D9A6E; --pk-anbud: #5FA8A3;      --pk-ekspansjon: #CE8A4A; --pk-brief: #C77BB8;
  --pk-kart: #8FAEC9;   --pk-flekker: #A8BC6A;    --pk-rekrut: #CB8497; --pk-stat: #7FA9D4;
  --pk-invest: #97A1D9; --pk-kjede: #C99B6A;      --pk-oppdrag: #63B0C2;
  --sb-bg: #141416;
  --sb-hover: #222226;
  --sb-active: #2E2E33;
  --sb-label: #55555A;
}
body[data-theme="warm"] {
  --bg: #FAF6F1;
  --surface: #FFFFFF;
  --surface-hover: #FBF8F4;
  --border: #EADFD2;
  --border-light: #F2EAE0;
  --text: #2D2016;
  --text-secondary: #6E5E4E;
  --text-tertiary: #9C8B7A;
  --accent: #A0522D;
  --accent-light: #F5EAE2;
  --accent-hover: #84421F;
  --sb-bg: #241A12;
  --sb-hover: #32261B;
  --sb-active: #3D2E20;
  --sb-label: #6E5E4E;
}

html { height: 100%; }
body {
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-size: 14px;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  transition: background .3s, color .2s;
}

/* Tekststørrelse (velges i tema-dropdownen) — zoom skalerer hele UI-et
   konsistent siden all typografi er satt i px */
body[data-fontsize="liten"] { zoom: 0.9; }
body[data-fontsize="stor"] { zoom: 1.1; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 5px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }