/* Nordic MRO: design tokens. Every colour, font and spacing value lives here; a full recolour only touches this file. */

/* Geologica (SIL OFL, fontsource 5.2.8): one family, the weight axis (100 to 900); the all-axes files are kept in assets/fonts
   but not used (the sharpness axis was never set; code review 03.11.2026) */
@font-face {
  font-family: "Geologica";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/geologica-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geologica";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/geologica-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* palette (03.11.2026, Sverre: «Gå for et nytt fargerdesign. Noe cleanere enn gult»): Nordic. A cool snow white, blue-black
     ink, the deep fjord blue of the evening sky in Nordic MRO's own photo (Smestad) for the deep rooms, and one clear ice blue
     for lines, numbers and small marks. The logo keeps its own yellow; nothing else on the page is yellow. Warm colour comes
     only from the photographs and the lamps in the hero drawing */
  --kalk: #f3f5f6;            /* snow: the light ground */
  --betong: #e4e8eb;          /* cool concrete */
  --betong-2: #d3d9de;
  --hvit: #ffffff;
  --grafitt: #161a1f;         /* ink: the dark rooms, buttons, text */
  --grafitt-2: #1f242a;
  --grafitt-3: #2e343c;
  --fjord: #245a8c;           /* the accent on light ground: small text, numbers, the drawing's dimension lines. 6.8:1 on kalk */
  --fjord-lys: #3d7fbf;       /* the measuring lines on a photograph */
  --is: #9cc8ec;              /* the accent on dark ground: lines, numbers, marks. 10.6:1 on grafitt */
  --is-lys: #c9e1f4;
  --is-strek: #93b9db;
  --is-glod: rgba(156, 200, 236, 0.45);  /* the soft light round the ice edge of the wipe in «Slik jobber vi» */        /* the hero drawing's construction lines on the sheet */
  --natt-slor: #07090c;       /* the darkening over a covered picture in «Slik jobber vi» */
  --natt-skygge: rgba(7, 9, 12, 0.55);
  --natt-hjorne: rgba(7, 9, 12, 0.78);      /* the shade under the job's name on the photos in «Slik jobber vi» */
  --natt-hjorne-2: rgba(7, 9, 12, 0.6);
  --natt-venstre: rgba(11, 14, 18, 0.92);   /* the left of «Slik jobber vi» over the full-width job photos, under the steps */
  --natt-venstre-2: rgba(11, 14, 18, 0.64);  /* the shade under the big step number in «Slik jobber vi» */
  --aksent: var(--fjord);     /* set to var(--is) by every dark section */
  --skifer: #2f4d6c;          /* the cladding in the Smestad photo, cleaned */
  --skifer-2: #263f59;
  --skifer-dyp: #152738;      /* deep fjord: Om oss */
  --kveld: #95afc8;           /* the evening sky in the same photo */
  --hero-natt: #0b1118;       /* the hero's ground: the night in the graded Smestad photo, so the house melts into it */
  --lampe-glod: rgba(255, 214, 150, 0.32);  /* the soft bloom round a lamp in the hero as it comes on */
  --linje-lys-sterk: rgba(243, 245, 246, 0.44);
  --lampe: #f0c674;           /* the lamps in the hero drawing: light, not a brand colour */

  /* the contact section (03.11.2026, after the Janis contact section Sverre chose: «gå for versjonen med laftehuset med den
     lyseblå fargen i tillegg så 2 og 4 sammen», then «prøv å lag noe liknende for alle nettsidene»): a pale ice ground,
     with the fjord as the one deep accent */
  --dis: #e1e8ee;
  --dis-lys: #eef2f5;
  --kort-kald: #fbfcfd;

  /* text on light ground */
  --tekst: var(--grafitt);
  --tekst-dempet: #4b525b;    /* 7.2:1 on kalk, 6.3:1 on betong, 6.4:1 on dis */
  --linje: rgba(22, 26, 31, 0.13);
  --linje-sterk: rgba(22, 26, 31, 0.3);

  /* text on dark ground */
  --tekst-lys: #f3f5f6;
  --tekst-lys-dempet: rgba(243, 245, 246, 0.74);
  --linje-lys: rgba(243, 245, 246, 0.16);

  /* veils, shadows, errors, focus */
  --slor: rgba(14, 18, 23, 0.72);
  --skygge: rgba(14, 18, 23, 0.26);
  --feil: #a3341b;
  --meny-matt: rgba(243, 245, 246, 0.92);
  --merknad: rgba(255, 255, 255, 0.88);
  --merknad-skygge: rgba(0, 0, 0, 0.4);
  --fokus: var(--fjord);      /* focus ring on light grounds; dark sections switch it to --is */
  --slor-topp: rgba(10, 14, 18, 0.5);        /* the shade at the top of the hero photo, under the menu's white words */
  --glod-kjerne: rgba(255, 236, 200, 0.95);  /* the lamps' light on the hero's sheet: the core, and the edge */
  --glod-kant: rgba(240, 198, 116, 0.32);
  --kart-slor: rgba(21, 39, 56, 0.74);       /* the map's labels: their ground, and the ring round a dot (deep fjord, see-through) */
  --kart-ring: rgba(21, 39, 56, 0.7);
  --kart-hjem-ring: rgba(156, 200, 236, 0.3);
  --kort-skygge-naer: rgba(14, 18, 23, 0.05); /* the form's cards and tiles: the near shadow */

  /* drawing */
  --strek: #161a1f;

  /* type */
  --font: "Geologica", "Helvetica Neue", Helvetica, sans-serif;
  --vekt-tittel: 300;
  --vekt-tekst: 350;
  --vekt-sterk: 500;
  --vekt-merke: 600;
  --sporing-tittel: -0.04em;
  --sporing-merke: 0.14em;
  --str-hero: clamp(2.3rem, 1.2rem + 3.6vw, 4.6rem);
  --str-h2: clamp(2.1rem, 1.2rem + 3vw, 4.1rem);
  --str-h3: clamp(1.3rem, 1.1rem + 0.6vw, 1.6rem);
  --str-ingress: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --str-tekst: 1.0625rem;
  --str-merke: 0.78rem;
  --linjehoyde: 1.55;

  /* space */
  --marg: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);
  --maks: 1360px;
  --seksjon-luft: clamp(3.5rem, 2.2rem + 3.6vw, 6rem);
  --rad-luft: clamp(1.25rem, 0.8rem + 1.6vw, 2.25rem);
  --meny-h: 76px;
  --radius: 2px;

  /* motion */
  --mykt: cubic-bezier(0.22, 0.61, 0.36, 1);
  --hero-reise: 1.15;         /* scroll travel of the hero, in scene heights */
  --sl-reise: 2.8;            /* scroll travel of the «Slik jobber vi» model, in screen heights */
}

@media (min-width: 1024px) {
  :root { --str-tekst: 1.125rem; }
}
@media (max-width: 767px) {
  :root { --meny-h: 64px; }
}
@media (pointer: coarse) {
  :root { --hero-reise: 1; --sl-reise: 2.2; }
}

/* behind the picture viewer on the projects page. Set on ::backdrop itself: before Chrome 122 and Safari 17.4 it did
   not inherit custom properties from :root */
::backdrop { --lysboks: rgba(16, 18, 21, 0.94); }