/* fjordanevps.no v2 — design tokens (CLAUDE.md §5.1–5.4). Concept «GLØD». */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/bricolage-grotesque-var-latin.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-var-latin.woff2") format("woff2")}
/* D104: reserveskrifter med Inter/Bricolage sine mål (size-adjust m.m., rekna frå woff2-filene mot Arial). Med tidleg første
   teikning (kritisk CSS) blir tekst først vist i reserveskrifta; utan desse måla bryt t.d. brødsmulestien annleis og alt
   under hoppar når skrifta kjem (CLS 0,024 på produktsida). */
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:107.34%;ascent-override:90.25%;descent-override:22.47%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:99.21%;ascent-override:93.74%;descent-override:27.22%;line-gap-override:0%}

:root{
  /* palette */
  --skifer:#0F1115; --kull:#252531; --fjord:#2B3F4E; --is:#D9E4EC;
  --ull:#F6F3EE; --sand:#E9E2D6; --glod:#FF5B3A; --kobber:#C6512F;
  --tekst:#16181D; --tekst-dempet:#5B606B; --kobber-tekst:#A8401F; /* kobber darkened for ≥4.5:1 text on ull/sand */
  --ember:linear-gradient(135deg,#FF5B3A 0%,#FF8A5B 55%,#FFC29B 100%);
  --kald:linear-gradient(135deg,#2B3F4E 0%,#4A6272 55%,#D9E4EC 100%);
  --e-a3:#00964E; --e-a2:#00AA01; --e-a1:#A9C800; --e-a:#FFD500;
  /* derived lines/borders */
  --line-light:#DCD5C8; --line-dark:rgba(217,228,236,.16); --line-dark-strong:rgba(217,228,236,.32);
  /* type */
  --f-display:"Bricolage Grotesque","Bricolage Fallback",ui-sans-serif,system-ui,sans-serif;
  --f-text:"Inter","Inter Fallback",ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;
  --d1:clamp(2.6rem,8vw,6.5rem); --d2:clamp(2rem,5vw,4rem); --h2:clamp(1.6rem,3.2vw,2.6rem);
  --h3:clamp(1.25rem,1.6vw,1.5rem); --body:1rem; --small:.875rem; --eyebrow:.75rem;
  /* space scale 8/16/24/40/64/96/128 */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:128px;
  --gutter:20px; --container:1440px;
  /* radius, shadow */
  --r-s:4px; --r-m:10px; --r-l:18px; --r-pill:999px;
  --shadow-s:0 8px 24px rgba(15,17,21,.06); --shadow-m:0 18px 48px rgba(15,17,21,.10);
  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1); --t-fast:200ms; --t-reveal:520ms;
  --header-h:64px;
}
@media (min-width:768px){:root{--gutter:32px;--body:1.0625rem;--header-h:76px}}
@media (min-width:1200px){:root{--gutter:40px}}
@media (min-width:1500px){:root{--gutter:56px}}