/* =========================
   Typografi / Grund
========================= */
html { font-size: 16px; }

body {
  margin: 0;
  font-family: var(--vcom-font);
  color: var(--vcom-text);
  background: #fafafa;
  line-height: 1.6;
}

h1,h2,h3,h4,h5,h6 { font-weight: 700; line-height: 1.25; margin: 0 0 .5em; }
h1 { font-size: clamp(1.8rem, 2.2vw + 1rem, 2.4rem); }
h2 { font-size: clamp(1.4rem, 1.2vw + 1rem, 1.8rem); }
h3 { font-size: 1.125rem; }
p, ul, ol { margin: 0 0 1rem; }

a { color: var(--vcom-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Media responsivt */
img, video { max-width: 100%; height: auto; display: block; }

/* Cards (generiskt) */
.card{ background:var(--vcom-bg); border:1px solid var(--vcom-border); border-radius:var(--vcom-radius); box-shadow: var(--vcom-shadow); }
.card--flat{ box-shadow:none; }