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

/* Albert Sans (SIL OFL, fontsource): one family, the weight axis 100 to 900 */
@font-face {
  font-family: "Albert Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/albert-sans-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: "Albert Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/albert-sans-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;
}
/* Cinzel (SIL OFL): only the stand-in logo, until Pienaro's own logo file arrives (the letters on the vest are a Roman serif) */
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../assets/fonts/cinzel-latin-500-normal.woff2") format("woff2");
}

:root {
  /* palette (04.11.2026, Sverre chose «Lys med marineblått»: lime white and light oak as grounds, the navy from Pienaro's vest
     as the accent on buttons and details, gold only in the logo) */
  --kalk: #f5f2ed;            /* lime white: the light ground */
  --meny-slor: rgb(245 242 237 / 0.78); /* kalk, as a soft fade under the menu where it lies on the hero photo */
  --eik: #ebe3d6;             /* light oak: the second light ground */
  --eik-2: #ddd2c1;
  --hvit: #ffffff;
  --valnott: #c6b29b;         /* the light brown ground under Mer vi gjør (Sverre 07.11.2026: «gjør brunfargen på pietros side lysere og cleanere og premium») */
  --valnott-kort: #b9a48b;    /* behind a film while it loads */
  --valnott-tekst: var(--blekk);    /* words on the brown ground: 7.6:1 */
  --valnott-tekst-dempet: #3a3631;  /* 5.9:1 */
  --valnott-linje: rgba(23, 28, 38, 0.24);
  --marine: #2f4e76;          /* buttons, links, small marks, lighter than the vest (Sverre 07.11.2026: «gjør det samme med blåfargen, nå er alt litt for mørkt»). 7.6:1 on kalk, 6.6:1 on eik */
  --marine-2: #3b5f8c;        /* hover */
  --marine-dyp: #37567c;      /* the blue rooms: Prosjekter and Kontakt. Light text 6.7:1 */
  --marine-natt: #315073;     /* behind a photo while it loads */
  --bunn: #2c4766;            /* the foot of the page */
  --feil: #a3261c;            /* a field that needs filling in. 6.4:1 on kalk */
  --gull: #a8854c;            /* the logo only */
  --blekk: #171c26;           /* text */

  /* text on light ground */
  --tekst: var(--blekk);
  --tekst-dempet: #4d5462;    /* 7.1:1 on kalk */
  --ord-av: #5d626c;          /* a word of the quote before it lights up, a step that is not on. 4.8:1 on eik, 5.5:1 on kalk */
  --linje: rgba(23, 28, 38, 0.12);
  --linje-sterk: rgba(23, 28, 38, 0.3);

  /* text on dark ground */
  --tekst-lys: #f5f2ed;
  --tekst-lys-dempet: rgba(245, 242, 237, 0.84);
  --linje-lys: rgba(245, 242, 237, 0.18);
  --fl-ord-farge: rgba(245, 242, 237, 0.1);   /* the room's name behind a project photo */

  /* veils, shadows, focus */
  --skygge: rgba(16, 20, 28, 0.22);
  --meny-matt: rgba(245, 242, 237, 0.97);
  --skygge-dyp: rgb(0 0 0 / 0.28);          /* the shadow a project card throws on the one under it */
  --bilde-slor: rgb(12 16 24 / 0.6);        /* the shade under a caption on a photo */
  --strek-lys: rgb(255 255 255 / 0.35);     /* the empty part of the progress line on a photo */
  --film-slor: rgb(12 15 22 / 0.74);        /* blekk: the shade at the foot of the hero film, under the words */
  --film-slor-2: rgb(12 15 22 / 0.36);      /* blekk: the same shade a third of the way up */
  --film-knapp: rgb(12 15 22 / 0.32);       /* the ground of the pause button and the outlined button on the film */
  --film-kant: rgb(245 242 237 / 0.55);     /* kalk: the edge of those buttons */
  --film-knapp-tett: rgb(12 15 22 / 0.66);  /* the pause button under the hero, which also lies on light grounds */
  --fokus: var(--marine);

  /* type */
  --font: "Albert Sans", "Helvetica Neue", Helvetica, sans-serif;
  --font-logo: "Cinzel", Georgia, serif;
  --vekt-tittel: 300;
  --vekt-tekst: 400;
  --vekt-sterk: 560;
  --vekt-merke: 600;
  --sporing-tittel: -0.035em;
  --sporing-merke: 0.14em;
  --str-hero: clamp(2.45rem, 1.15rem + 3.7vw, 5rem);
  --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.04rem + 0.38vw, 1.32rem);
  --str-tekst: 1.0625rem;
  --str-merke: 0.78rem;
  --linjehoyde: 1.55;

  /* space */
  --marg: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);
  --maks: 1360px;
  --meny-h: 76px;
  --radius: 2px;

  /* motion */
  --mykt: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (min-width: 1024px) {
  :root { --str-tekst: 1.125rem; }
}
@media (max-width: 767px) {
  :root { --meny-h: 64px; }
}