/* ================================================================
   EiF — delade design-tokens. Palett = content/EIF_DESIGN_BRIEF.md
   (exakt hex, ERIOL 2026-07-26). Ingen scen får hitta egna färger.
   ================================================================ */
:root {
  color-scheme: light;

  /* DJUPET — skog & jord */
  --forest-deep:   #0e2110;
  --forest-darker: #15281a;
  --forest-dark:   #1f3a26;
  --forest-mid:    #3d5e3a;
  --moss-green:    #5d6e3f;
  --bark:          #432600;

  /* GLÖDEN — sex steg, låg → het */
  --honey:      #c89c4a;
  --gold:       #d69c3e;
  --amber:      #e49c31;
  --amber-hot:  #f19c20;
  --sun:        #fe9c00;
  --ember:      #e8741f;
  --honey-glow: #f0d68f;
  --sun-glow:   #ffd281;

  /* ELDEN */
  --fire-core: #ffa33c;
  --fire-deep: #b74815;
  --fire-ash:  #5a3b2e;

  /* LJUSET — kräm/papper */
  --cream:      #f5ecd6;
  --cream-warm: #faf3e0;
  --cream-soft: #efe4c8;
  --paper:      #faf7ee;

  /* KALL MOTPOL — enda kalla tonen */
  --ice-silver: #cdd4d0;

  /* Text */
  --text-dark:  #2a2418;
  --text-muted: #6a5f48;
  --text-on-dark:       #f0e7d2;
  --text-on-dark-muted: #b9ae93;

  /* Typografi */
  --serif: 'Lora', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:  ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, monospace;

  /* Mått */
  --rail:   clamp(20px, 5vw, 96px);   /* sidmarginal */
  --measure: 62ch;                     /* läsbredd */
  --band-y: clamp(64px, 9vw, 148px);   /* bandens vertikala luft */
}

/* Kontrast-grinden ur briefen, som kod:
   --sun på --cream = 1,8:1 → ALDRIG text. Glöderna är text MOT mörkt. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--cream-warm);
  color: var(--text-dark);
  font-family: var(--sans);
  font-size: clamp(16px, 0.55vw + 15px, 18px);
  line-height: 1.65;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 600; line-height: 1.12; margin: 0; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }

/* Organisk rörelse — respekterar alltid reduced-motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}