/* ===================================
   Design tokens (LOCKED)
=================================== */
:root{
  /* Colors */
  --c-gran:#123831;
  --c-tall:#2B5447;
  --c-bjork:#47876B;
  --c-green_300:#8AADA6;
  --c-cream:#FBFBF7;
  --c-kalksten:#D2D5CB;
  --c-sand:#ECE5D7;
  --c-brons:#AA8264;
  --c-korall:#EB5956;
  --c-bjork_ljus:#82BEA3;
  --c-dark_kalksten:#C1C4BB;

  /* Layout */
  --wrap: 1100px;
  --space: 24px;
  --radius: 12px;

  /* Typography */
  --font-heading: "korolev", sans-serif;
  --font-body: "Lexend Deca", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Type scale */
  --fs-h1: clamp(40px, 5.6vw, 68px);
  --fs-h2: clamp(28px, 3.2vw, 38px);
  --fs-h3: clamp(22px, 2.2vw, 32px);
  --fs-h4: clamp(18px, 2.2vw, 20px);
    --fs-kontakt: clamp(22px, 2.2vw, 25px);
  --fs-body: clamp(15px, 2.2vw, 18px);
  --fs-small: 14px;


  /* Line-height */
  --lh-tight: 1.05;
  --lh-body: 1.55;
}