/* Dresfase — brand tokens ("Gallery / Atelier") */
:root {
  /* Palette */
  --paper: #ECE7DF;        /* warm greige wall */
  --paper-2: #E2DBD0;      /* second wall */
  --mat: #F4F0E9;          /* passe-partout, a lighter paper */
  --ink: #26231F;          /* charcoal */
  --muted: #6B645B;        /* secondary text on paper */
  --muted-deep: #5E574E;   /* secondary text on paper-2 (AA) */
  --sage: #6E7B64;         /* accent: dots, numerals, rules */
  --sage-deep: #56614E;    /* accent carrying text (AA on paper) */
  --sage-light: #A9B3A0;   /* hairlines, tints */
  --error: #9A3A2A;

  --hair: rgba(38, 35, 31, 0.16);
  --hair-strong: rgba(38, 35, 31, 0.32);

  /* Type */
  --font-serif: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  --fs-label: 0.7rem;
  --fs-small: 0.875rem;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.125rem, 0.6vw + 1rem, 1.3rem);
  --fs-d4: clamp(1.6rem, 1.4vw + 1.15rem, 2.25rem);
  --fs-d3: clamp(2rem, 2.4vw + 1.3rem, 3.5rem);
  --fs-d2: clamp(2.6rem, 4.4vw + 1.2rem, 5.6rem);
  --fs-d1: clamp(3rem, 7vw + 0.9rem, 8.4rem);

  --track-label: 0.28em;
  --track-mark: 0.36em;

  /* Space */
  --gutter: max(6vw, 16px);
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2.25rem;
  --s-5: 3.5rem;
  --s-6: 5rem;
  --s-7: 7.5rem;
  --section: clamp(5.5rem, 10vw + 2rem, 11.5rem);
  --measure: 36rem;
  --wide: 1240px;

  /* Plates */
  --mat-pad: clamp(12px, 2.4vw, 44px);
  --keyline-gap: clamp(5px, 0.5vw, 8px);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}