/* ==========================================================================
   HÖNNUNARKERFI: Site Pilot
   --------------------------------------------------------------------------
   Allt útlit síðunnar er stillt HÉR. stilar.css notar bara þessar breytur,
   svo ein breyting hér breytir allri síðunni.
   Útlit: svart blek á hvítu, eitt blátt (merkið), og „flugleiðin“ sem sérkenni:
   slitin lína sem endar á bláa þríhyrningnum úr merkinu.
   ========================================================================== */

/* --- Letur (geymt í /fonts, aðeins „latin“-hlutinn, sem inniheldur alla
       íslenska stafi: á ð é í ó ú ý þ æ ö) --- */
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("../fonts/schibsted-grotesk.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Litir ----------------------------------------------------------- */
  --litur-blek: #0e1116;            /* aðaltextalitur */
  --litur-blek-mjukt: #4a515c;      /* aukatexti (8:1 á hvítu) */
  --litur-blad: #ffffff;            /* bakgrunnur síðunnar */
  --litur-yfirbord: #ffffff;        /* reitir, form, spjöld */
  --litur-flotur: #f3f5f8;          /* annar hver hluti síðunnar */
  --litur-lina: #e3e4e6;            /* línur og rammar */
  --litur-lina-sterk: #cdd0d4;      /* rammar sem þurfa að sjást betur */
  --litur-adal: #1d4ed8;            /* blátt úr merkinu: hnappar, tenglar (6,7:1 á hvítu) */
  --litur-adal-dokkt: #1e40af;      /* blátt þegar músin er yfir */
  --litur-a-adal: #ffffff;          /* texti ofan á bláu */
  --litur-ljosblatt: #60a5fa;       /* blátt á dökkum flötum (7,6:1 á bleki) */
  --litur-dokkur-flotur: #0e1116;   /* dökkir hlutar: umsjón, lokakall, fótur */
  --litur-dokkt-lina: #2b313a;      /* línur á dökkum flötum */
  --litur-a-dokkum: #f3f5f8;        /* texti á dökkum flötum */
  --litur-a-dokkum-mjukt: #a9afb9;  /* aukatexti á dökkum flötum (8,9:1) */
  --litur-fokus: #1d4ed8;           /* fókushringur (lyklaborð) */
  --litur-villa: #b42318;           /* villuskilaboð í formi */

  /* --- Letur ----------------------------------------------------------- */
  --letur-fyrirsagnir: "Schibsted Grotesk", "Helvetica Neue", Helvetica, sans-serif;
  --letur-meginmal: "Schibsted Grotesk", "Helvetica Neue", Helvetica, sans-serif;
  --thyngd-fyrirsagna: 720;
  --thyngd-millifyrirsagna: 640;
  --linubil-meginmal: 1.6;
  --linubil-fyrirsagnir: 1.04;
  --stafabil-fyrirsagnir: -0.032em;

  /* --- Leturstærðir: vaxa mjúklega frá farsíma upp í stóran skjá ------- */
  --staerd--1: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
  --staerd-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --staerd-1: clamp(1.15rem, 1.07rem + 0.4vw, 1.375rem);
  --staerd-2: clamp(1.45rem, 1.25rem + 1vw, 2rem);
  --staerd-3: clamp(1.9rem, 1.45rem + 2.2vw, 3.25rem);
  --staerd-4: clamp(2.4rem, 1.3rem + 5vw, 5.25rem);

  /* --- Bil -------------------------------------------------------------- */
  --bil-1: 0.25rem;
  --bil-2: 0.5rem;
  --bil-3: 0.75rem;
  --bil-4: 1rem;
  --bil-5: 1.5rem;
  --bil-6: 2rem;
  --bil-7: 3rem;
  --bil-8: 4.5rem;
  --bil-hluti: clamp(3.5rem, 2.5rem + 5vw, 7rem);   /* bil milli hluta síðunnar */
  --bil-jadar: clamp(1rem, 0.4rem + 3vw, 3rem);     /* bil frá skjábrún */

  /* --- Form og hreyfing ------------------------------------------------ */
  --breidd-efnis: 74rem;     /* hámarksbreidd efnis */
  --breidd-texta: 38rem;     /* hámarksbreidd textadálka (læsileiki) */
  --horn: 8px;               /* rúnnun á hnöppum og reitum */
  --horn-stort: 14px;        /* rúnnun á stærri flötum (verðspjöld, form) */
  --strik-leidar: 2px;       /* þykkt flugleiðarinnar */
  --hreyfing: 200ms cubic-bezier(0.2, 0.7, 0.2, 1);
}