/* DIS — canonical design tokens. The ONE source for color, type, spacing.
   Both index.html and dis-storefront.html link this; no per-page :root duplication.
   Palette per BRAND.md §4: black / white / grey / washed-faded only — no saturated color. */
:root{
  /* ---- color ---- */
  --bg:#0a0a0a;                         /* near-black background */
  --bg-2:#0f0f0f;                       /* raised surface */
  --ink:#f3f2ef;                        /* primary ink / mark on dark */
  --ink-2:#c9c5bc;                       /* body text on dark — legible, not crushed */
  --ink-dim:#8d8b85;                    /* tertiary / fine print */
  --faded:#b8b3a8;                      /* washed neutral accent */
  --line:rgba(243,242,239,0.12);        /* hairline */
  --line-soft:rgba(243,242,239,0.06);   /* faint hairline */
  /* washed-bone light surface — for contrast bands (white is allowed per §4) */
  --paper:#e7e3da;                       /* washed bone surface */
  --paper-ink:#121110;                   /* near-black ink on bone */
  --paper-dim:#6a665d;                   /* secondary text on bone */
  --paper-line:rgba(18,17,16,0.14);      /* hairline on bone */

  /* ---- type (BRAND.md §5) ---- */
  --display:'Anton',sans-serif;         /* oversized hero only, sparingly */
  --body:'Archivo',sans-serif;          /* body */
  --wm:'Saira',sans-serif;              /* wordmark / UI / labels */

  /* ---- spacing scale ---- */
  --wrap:1220px;                        /* max content width */
  --section:clamp(90px,12vw,140px);     /* vertical section rhythm */
}