/* HOFBUD.dk design tokens. Udtrukket fra designfilerne i design/project. */
:root {
  /* Farver: hofbud.dk's nuværende palet */
  --hb-blaa: #074A86;              /* primær: knapper, links, store flader */
  --hb-lys: #E6EDF3;               /* sekundær: sektioner, valgt tilstand */
  --hb-blaek: #0A0A0A;             /* overskrifter, ikoner, stærke rammer */
  --hb-tekst: #333333;             /* brødtekst */
  --hb-flade: #F0F0F0;             /* kort, plantegninger, udlejet */
  --hb-hvid: #FFFFFF;

  /* Afledte toner */
  --hb-blaa-moerk: #053B6B;        /* hover, topbjælke */
  --hb-daempet: #5A6470;           /* hjælpetekst, 5:1 på --hb-lys */
  --hb-linje: #D7DEE5;             /* skillelinjer */
  --hb-kant: #C9D5E0;              /* kanter på kort og felter */
  --hb-kant-staerk: #BFCCD8;
  --hb-daempet-paa-blaa: #C5D5E4;  /* sekundær tekst på blå */
  --hb-stiplet: #8A96A3;           /* stiplede linjer på kort */
  --hb-udlejet-stribe: #DDE2E7;    /* mønster for udlejet depot */

  /* Typografi */
  --hb-font: 'Schibsted Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --hb-fs-display: clamp(46px, 6vw, 88px);
  --hb-fs-h1: clamp(40px, 4.4vw, 64px);
  --hb-fs-h1-portal: clamp(32px, 3.4vw, 48px);
  --hb-fs-h2: clamp(34px, 3.8vw, 56px);
  --hb-fs-h3: clamp(24px, 2.2vw, 30px);
  --hb-fs-intro: clamp(18px, 1.45vw, 21px);
  --hb-fs-brod: 17px;
  --hb-fs-brod-lille: 16px;
  --hb-fs-hjaelp: 15px;
  --hb-fs-lille: 14px;
  --hb-fs-label: 13px;
  --hb-lh-display: 0.95;
  --hb-lh-overskrift: 1.02;
  --hb-lh-h3: 1.15;
  --hb-lh-brod: 1.6;
  --hb-ls-display: -0.04em;
  --hb-ls-overskrift: -0.03em;
  --hb-vaegt-brod: 400;
  --hb-vaegt-label: 600;
  --hb-vaegt-fed: 700;
  --hb-vaegt-overskrift: 800;

  /* Layout */
  --hb-indhold-max: 1280px;
  --hb-portal-max: 1440px;
  --hb-kolonner: 12;
  --hb-margen: clamp(16px, 4vw, 48px);
  --hb-sektion: clamp(64px, 8vw, 112px);
  --hb-hjoerne: 0;

  /* Interaktion */
  --hb-klikflade: 44px;
  --hb-knap: 56px;
  --hb-knap-min: 52px;
  --hb-felt: 52px;
  --hb-fokus: 3px solid #0A0A0A;
  --hb-fokus-afstand: 2px;
  --hb-overgang: 0.15s ease;
}