/* variabler.css — design tokens for Byggmester Storkaas (tema: Verk) */
/* To lag: primitiver (raaverdiene) og semantiske (rollene). Ingen raa hex ute i koden. */

:root {
  /* --- Primitiver: farge --- */
  --hvit-varm: #FAF7F2;
  --kull: #1F1B16;
  --morkebrun: #262420;
  --oliven: #262B1E;
  --grabrun: #474443;
  --varmgra: #534B44;
  --betong: #8C8B84;
  --betong-lys: #E7E5DF;
  --eik: #BE9260;
  --eik-mork: #A67C4A;
  --hvit-paa-mork: #F3F1EA;
  --grato-paa-mork: #ADA9A1;
  --kant-lys: #DED9D0;

  /* --- Primitiver: avstand (8-punkts skala) --- */
  --rom-1: 8px;
  --rom-2: 16px;
  --rom-3: 24px;
  --rom-4: 32px;
  --rom-5: 48px;
  --rom-6: 64px;
  --rom-7: 96px;
  --rom-8: 128px;

  /* --- Primitiver: form og bredde --- */
  --radius: 2px;
  --bredde-maks: 1160px;
  --side-maks: 1800px;
  --side-luft: var(--rom-3);
  --header-h: 68px;

  /* --- Primitiver: typografi --- */
  --font-overskrift: "Spectral", Georgia, "Times New Roman", serif;
  --font-brod: "Instrument Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --lh-brod: 1.6;
  --lh-overskrift: 1.12;
  --spor-stor: 0.14em;

  /* --- Semantiske roller: lys flate --- */
  --bg: var(--hvit-varm);
  --tekst: var(--kull);
  --tekst-svak: #57534B;
  --flate: var(--betong-lys);
  --kant: var(--kant-lys);
  --struktur: var(--betong);
  --aksent: var(--eik);
  --aksent-hover: var(--eik-mork);

  /* --- Semantiske roller: moerke flater --- */
  --signatur: var(--oliven);
  --signatur-dyp: var(--morkebrun);
  --sekundaer-mork: var(--grabrun);
  --tekst-lys: var(--hvit-paa-mork);
  --tekst-lys-svak: var(--grato-paa-mork);
}