/* Felles stil for alle sider (T-007 steg 1). Arcyons palett (som delingsbildene), Host Grotesk, toppmeny og tema.
   Tema: blå på dagtid (06–18), rav på kveld, etter brukerens klokke (public/tema.js setter data-tema på <html>, ?tema=dag|kveld overstyrer).
   Tokenene har prefikset --a- så de ikke kolliderer med sidenes egne variabler. Sidene kobler sine variabler til disse. */
@font-face{font-family:"Host Grotesk";src:url(/host-grotesk.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{
  --a-bg:#090d17; --a-bar:#05080f; --a-s1:#0f1524; --a-s2:#18203a; --a-s3:#232c47; --a-rule:#3a4563;
  --a-tx:#ffffff; --a-mu:#a9b3c4; --a-fo:#8590a3; --a-div:rgba(169,179,196,.16);
  --a-tag:#f0c36a; --a-eu:#7fd6a0; --a-ut:#f0c36a; --a-krit:#ff7b6e;
  --a-line:#7fb8e6; --a-glow:#2f6fb3; --a-act:#7fb8e6; --a-act-tx:#090d17;
  --a-r-s:8px; --a-r-m:12px; --a-r-l:14px;
  --a-font:"Host Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
}
:root[data-tema="kveld"]{ --a-line:#f0c36a; --a-glow:#a86a00; --a-act:#f0c36a; }

/* Toppmeny: samme utseende på alle sider. Sidene beholder sin egen oppbygning og bruker disse klassene. */
.a-topp{background:var(--a-bar);color:var(--a-tx);border-bottom:1px solid var(--a-div)}
.a-topp .a-merke{color:var(--a-tx);text-decoration:none}
.a-topp .a-meny a,.a-topp .a-meny button{color:var(--a-mu);text-decoration:none}
.a-topp .a-meny a:hover,.a-topp .a-meny button:hover{color:var(--a-tx)}
.a-topp .a-meny [aria-current]{color:var(--a-tx);box-shadow:inset 0 -2px 0 var(--a-act)}
.a-topp .a-sprak button{border:1px solid var(--a-rule);color:var(--a-mu);background:none}
.a-topp .a-sprak button[aria-pressed="true"]{background:var(--a-act);color:var(--a-act-tx);border-color:var(--a-act)}
.a-topp select{background:var(--a-s1);color:var(--a-tx);border:1px solid var(--a-rule);border-radius:var(--a-r-s)}

/* Synlig fokus overalt */
:focus-visible{outline:2px solid var(--a-act);outline-offset:2px}