/* Opale — design tokens (brief section 5, verbatim + base éléments) */
:root{
  --paper:#FFFFFF; --paper-2:#F5F5F5;
  --ink:#1D1D1D; --ink-soft:#333333;
  --brass:#1D1D1D; --brass-deep:#000000; --line:#E6E6E6;
  --font-display:"Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
  --font-read:"Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
  --font-ui:"Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
  --step--1:clamp(0.83rem,0.8rem + 0.15vw,0.92rem);
  --step-0:clamp(1rem,0.96rem + 0.2vw,1.12rem);
  --step-1:clamp(1.3rem,1.2rem + 0.5vw,1.6rem);
  --step-2:clamp(1.7rem,1.5rem + 1vw,2.3rem);
  --step-3:clamp(2.2rem,1.8rem + 2vw,3.4rem);
  --step-4:clamp(3rem,2.2rem + 4vw,5.2rem);
  --gutter:clamp(1.25rem,4vw,4rem); --measure:42rem; --max:77.5rem;
  --radius:2px; --rule:1px solid var(--line); --tracking-caps:0.18em;
}
body{background:var(--paper);color:var(--ink-soft);font-family:var(--font-read);font-size:var(--step-0);line-height:1.7}
h1,h2,h3{font-family:var(--font-display);color:var(--ink);line-height:1.12;font-weight:600;letter-spacing:.005em}
.eyebrow{font-family:var(--font-read);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--step--1);color:var(--brass)}
.accent{font-style:italic;color:var(--brass)}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--brass-deep)}
.rule{border:0;border-top:var(--rule)}