/* Something PE tokens, v6: one dark glass world. The page ground is the glass field's own darkest value, so the
   live glass and the films melt into the page with no frame. One accent (lavender) for type; ultramarine is light, not ink.
   Contrast on --paper (#04060e): --ink 18.4:1, --ink-2 ≈ 11:1, --ink-3 ≈ 6.4:1, --accent 12.9:1. */
:root {
  --paper:   #04060e;
  --paper-2: #0a0d1a;
  --ink:     #f2f3f8;
  --ink-2:   rgb(242 243 248 / 0.74);
  --ink-3:   rgb(242 243 248 / 0.58);
  --rule:    rgb(242 243 248 / 0.12);
  --rule-2:  rgb(242 243 248 / 0.22);
  --accent:  #c3baff;
  --accent-ink: #04060e;
  --select:  rgb(195 186 255 / 0.9);
  color-scheme: dark;

  --font-sans:  'Schibsted Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Newsreader', ui-serif, Georgia, serif;

  --fs-fine:    13px;
  --fs-small:   14px;
  --fs-body:    clamp(16px, 0.95rem + 0.15vw, 18px);
  --fs-lede:    clamp(18px, 1.25vw, 22px);
  --fs-h3:      clamp(24px, 2.1vw, 40px);
  --fs-h2:      clamp(36px, 4vw, 80px);
  --fs-display: clamp(64px, 9.2vw, 184px);

  --tr-display: -0.052em;  --lh-display: 0.9;
  --tr-h2:      -0.042em;  --lh-h2:      1.0;
  --tr-h3:      -0.03em;   --lh-h3:      1.08;
  --tr-body:    -0.006em;  --lh-body:    1.55;
  --measure: 34em; --measure-lede: 30em;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --g:   clamp(20px, 3.4vw, 160px);
  --sec: clamp(80px, 8vw, 168px);
  --nav-h: 76px;
  --fs-nav: 15px; --fs-btn: 15px; --btn-h: 50px;

  --r-1: 4px; --r-2: 2px; --r-3: 0px;

  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-in:     cubic-bezier(.7, 0, .84, 0);
  --dur-micro: 160ms; --dur-ui: 280ms; --dur-reveal: 900ms; --dur-hero: 1200ms; --line-step: 90ms;
}
@media (min-aspect-ratio: 2/1) and (min-width: 2800px) {
  :root { --fs-display: clamp(184px, 5.2vw, 300px); --fs-h2: clamp(80px, 2.5vw, 128px); --fs-h3: clamp(40px, 1.1vw, 56px);
          --fs-lede: clamp(24px, .62vw, 32px); --fs-body: 20px; --fs-small: 19px; --fs-fine: 17px; --measure: 36em;
          --fs-nav: 19px; --fs-btn: 20px; --btn-h: 64px; --nav-h: 104px; }
}