/* ==========================================================================
   Hofbud — base: reset + typografi-baseline
   Indlæses EFTER tokens.css. Bruger var(--token, fallback) overalt så
   editor-iframe ikke kollapser hvis tokens loader i forkert rækkefølge.
   ========================================================================== */

*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

html,
body {
  /* clip (ikke hidden) bevarer position: sticky på header */
  overflow-x: clip;
}

body {
  margin: 0;
  font-family: var(--font-body, 'Poppins', system-ui, sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink, #0A2540);
  background: var(--paper, #F1EDE4);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--blue, #2563EB);
  color: #fff;
}

/* ---- Overskrifter: Space Grotesk ---- */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em;
  font-family: var(--font-heading, 'Space Grotesk', sans-serif);
  font-weight: 700;
  line-height: 1.08;
  color: var(--ink, #0A2540);
  letter-spacing: -0.02em;
  text-wrap: balance;
}

h1 { font-size: clamp(40px, 6vw, 88px);   line-height: 1.0;  letter-spacing: -2px; }
h2 { font-size: clamp(30px, 4vw, 52px);   line-height: 1.03; letter-spacing: -1.2px; }
h3 { font-size: clamp(22px, 2.6vw, 30px); line-height: 1.15; letter-spacing: -0.5px; }
h4 { font-size: clamp(19px, 1.8vw, 22px); line-height: 1.2; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

/* ---- Brødtekst ---- */
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }

strong, b { font-weight: 600; }

a {
  color: var(--blue, #2563EB);
  text-decoration: none;
  transition: color 0.15s ease;
}
a:hover { text-decoration: underline; }

ul, ol { margin: 0 0 1em; padding-left: 1.25em; }
li { margin: 0.2em 0; }

img, svg, video, canvas { max-width: 100%; height: auto; display: block; }

/* Formularer arver typografi */
input, select, textarea, button { font-family: inherit; font-size: inherit; }

hr {
  border: 0;
  border-top: 1px solid var(--line, rgba(10, 37, 64, 0.12));
  margin: var(--space-6, 32px) 0;
}

/* ---- Fælles keyframes (fra design-prototypen) ---- */
@keyframes hofRise {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}
@keyframes hofMarq {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ---- Reduceret bevægelse ---- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}