/* ————————————————————————————————————————————————
   FJELDBY ARKITEKTER — design tokens
   Warm Scandinavian neutrals. Flat printed-paper feel.
   No gradients, no shadows, no glass.
   ———————————————————————————————————————————————— */

:root {
  /* Palette */
  --bone:       #F4F1EA;  /* primary background            */
  --offwhite:   #EAE6DC;  /* secondary surfaces, overlay   */
  --ink:        #1A1815;  /* text, footer ground           */
  --graphite:   #6B655C;  /* secondary text                */
  --concrete:   #B7B1A6;  /* hairlines, captions           */
  --terracotta: #B5563C;  /* the ONE accent — tiny cues    */

  --hairline: rgba(26, 24, 21, .18);
  --hairline-light: rgba(244, 241, 234, .22);

  /* Typography */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Fraunces", Georgia, serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Type scale — hierarchy by SIZE and WEIGHT, never color */
  --size-hero:    clamp(3.1rem, 10.5vw, 10.5rem);  /* hero headline        */
  --size-giant:   clamp(4rem, 17.5vw, 19rem);      /* footer wordmark      */
  --size-display: clamp(2.5rem, 7vw, 6.75rem);     /* section headlines    */
  --size-work:    clamp(1.9rem, 5.2vw, 4.6rem);    /* project rows         */
  --size-intro:   clamp(1.45rem, 3vw, 2.65rem);    /* intro statement      */
  --size-menu:    clamp(2.4rem, 7.5vw, 6.5rem);    /* overlay links        */
  --size-body:    1.0625rem;                        /* 17px                 */
  --size-caption: .6875rem;                         /* 11px                 */

  --track-caption: .08em;
  --track-display: -.025em;
  --leading-display: .93;
  --leading-body: 1.5;
  --measure: 62ch;

  /* Layout */
  --max-w: 1440px;
  --margin-inline: clamp(20px, 7.5vw, 116px);
  --gutter: clamp(16px, 2vw, 28px);
  --section-gap: clamp(96px, 14vw, 200px);

  /* Motion — one easing family */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur: .5s;
}