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

  :root{
    --paper:#F1ECDF;
    --surface:#FBF8EF;
    --surface-2:#EBE4D4;
    --ink:#1A1712;
    --ink-2:#4A4335;
    --ink-3:#6E6553;
    --ink-4:#8C826A;
    --line:#E0D8C6;
    --line-2:#CFC5AD;

    /* logoets farver: sort blaek baerer, gul paere loefter */
    --brand:#1A1712;
    --brand-2:#000000;
    --brand-soft:#EBE4D4;
    --brand-grad:linear-gradient(135deg,#2A2419 0%,#1A1712 55%,#000000 100%);
    --bulb:#F4C243; --bulb-deep:#B8901C; --bulb-soft:#FBF1D6;

    --pen:#B0574A;      --pen-2:#8A4034;  --pen-soft:#F3E7E3;

    --gold:#F4C243; --gold-deep:#B8901C; --gold-soft:#FBF1D6;

    --r-xs:6px; --r-sm:9px; --r-md:13px; --r-lg:20px; --r-xl:28px;
    --sans:'Hanken Grotesk',system-ui,sans-serif;
    --serif:'Fraunces',Georgia,serif;   /* Newsreader stod som reserve efter Fraunces og blev aldrig renderet */
    --shadow-sm:0 1px 2px rgba(26,23,18,.05),0 1px 3px rgba(26,23,18,.04);
    --shadow-md:0 6px 20px rgba(26,23,18,.09),0 2px 8px rgba(26,23,18,.05);
    --shadow-lg:0 24px 60px rgba(26,23,18,.16),0 8px 24px rgba(26,23,18,.08);
    --shadow-c:0 14px 40px rgba(26,23,18,.22);

  }

  html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-optical-sizing:auto}
  .serif,h1,h2,h3,.hero h1,.ihead h1,.sec-head h2{font-optical-sizing:auto}
  .serif{font-family:var(--serif)}
  ::selection{background:var(--gold-soft);color:var(--brand-2)}
  a{color:inherit;text-decoration:none}
  button{font-family:var(--sans);cursor:pointer}

  /* ---------- TASTATUR-FOKUS ----------
     Synligt fokus paa alt klikbart. Musefokus skjules via :focus-visible,
     saa ringen kun vises ved tastaturnavigation. */
  a:focus-visible,button:focus-visible,[role="button"]:focus-visible,[tabindex]:focus-visible,summary:focus-visible{
    outline:2.5px solid var(--gold-deep);outline-offset:2px;border-radius:var(--r-xs)}
  input:focus-visible,select:focus-visible,textarea:focus-visible,#searchInput:focus-visible,.search-bar input:focus-visible{
    outline:2.5px solid var(--gold-deep);outline-offset:1px;border-color:var(--gold-deep)}
  :focus:not(:focus-visible){outline:none}
  [role="button"]{cursor:pointer}

  /* ---------- REDUCERET BEVAEGELSE ----------
     Respekter prefers-reduced-motion globalt: neutraliser loopende
     animationer (strip, typing) og lange overgange. */
  @media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
      transition-duration:.001ms!important;scroll-behavior:auto!important}
  }