/* ─────────────────────────────────────────────────────────
   Anchor.com.ua — design tokens
   Single source of truth for colours, type, and layout.
   ───────────────────────────────────────────────────────── */
:root {
  /* Layout */
  --site-max: 1080px;
  --pad-x: clamp(24px, 5vw, 96px);
  --edge: max(var(--pad-x), calc((100% - var(--site-max)) / 2));

  /* Colour */
  --ink:      #0d0d0e;
  --ink-2:    #2a2a2c;
  --muted:    #6a6a70;
  --muted-2:  #98989f;
  --hair:     #e4e3df;
  --bg:       #ffffff;
  --bg-soft:  #f5f4f0;
  --navy:     #0b1f3a;
  --navy-2:   #122a4f;

  /* Type */
  --f-sans:  "Atkinson Hyperlegible", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;
  --f-serif: var(--f-sans);
  --f-mono:  var(--f-sans);
}