/* Haakenstad Physiology – profilen i én fil (5. nov 2026).
   Fem prinsipper: 1 nøytralt bærer alt · 2 rødt betyr «gjør dette» · 3 farge forteller hva noe er
   4 to fonter · 5 linjer, ikke bokser.  Ny kode bruker bare disse variablene. */
:root{
  /* 1 Nøytralt – mørk bunn */
  --hh-svart:#000000; --hh-flate:#161617; --hh-flate2:#1f1f22; --hh-linje:#262628;
  --hh-tekst:#f5f5f7; --hh-sekundaer:#a1a1a6; --hh-dempet:#6e6e73; --hh-graa-linje:#55555a;
  /* 1 Nøytralt – lys bunn */
  --hh-hvit:#ffffff; --hh-flate-lys:#f5f5f7; --hh-flate2-lys:#ebebef; --hh-linje-lys:rgba(0,0,0,.08);
  --hh-blekk:#1d1d1f; --hh-sekundaer-lys:#6e6e73; --hh-dempet-lys:#86868b;
  /* 2 Rød – én på mørk bunn, én på lys bunn */
  --hh-rod:#e0281c; --hh-rod-lys-bunn:#bf1209;
  /* 3 Tingfarger – fyll (piller, prikker) · lys (tekst på mørk bunn) */
  --hh-lilla:#7d3cc8;  --hh-lilla-lys:#bf5af2;   /* Podkast – nivå og kategori */
  --hh-blaa:#0a84ff;   --hh-blaa-lys:#4ea3ff;    /* BASIC · Artikkel */
  --hh-gul:#e0a100;    --hh-gul-lys:#ffd60a;  --hh-gul-tekst:#9a6a00; /* PLUSS · Vlogg · Følg med (tekst på lys bunn) */
  --hh-roed:#bf1209;   --hh-roed-lys:#ff5a4e;    /* PREMIUM · Feil · Live */
  --hh-gronn:#248a3d;  --hh-gronn-lys:#30d158;   /* Forskningsradar · I orden · TEAM */
  --hh-oransje:#c93400; --hh-oransje-lys:#ff9f0a; /* Nyhetsradar */
  --hh-korall:#ff6a5c;                            /* Oppskrift */
  --hh-cyan:#64d2ff;                              /* Foredrag */
  --hh-indigo:#5e5ce6;                            /* Live Q&A */
  --hh-graa:#8e8e93;                              /* GRATIS · Annet */
  --hh-gull:#f5c518;                              /* Stjerner, utmerkelser */
  /* 4 To fonter */
  --hh-sans:'Instrument Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --hh-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}

/* PLUSS med tillegget Premium-verktøy (godkjent 6. nov 2026): PLUSS-emblemet med et lite pluss i hvit sirkel, midt på linje med teksten */
.hh-pp{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 3px 0 7px;line-height:1;border-radius:999px;background:var(--hh-gul);color:var(--hh-hvit);font-size:9.5px;font-weight:800;letter-spacing:.06em;vertical-align:middle}
.hh-pp i{width:12px;height:12px;border-radius:50%;background:var(--hh-hvit);color:var(--hh-gul);display:flex;align-items:center;justify-content:center;flex:none}
.hh-pp i svg{width:10px;height:10px;display:block}
