/* Wolf Enterprises: design tokens */

:root {
  --steel:       #3E5265;   /* accent: links, buttons, eyebrows */
  --steel-light: #7B8C9E;   /* secondary text on dark, small labels */
  --pale:        #DCE3E9;   /* panels, tags, image placeholders */
  --mist:        #EFF2F5;   /* section bands, table stripes */
  --deep:        #26323D;   /* hover and pressed, dark sections */
  --night:       #18202A;   /* header and footer */
  --ink:         #141414;   /* headlines, the mark */
  --body:        #4A4A4A;   /* paragraph text */
  --muted:       #8A8A8A;   /* small print, captions */
  --line:        #E4E2DE;   /* borders and rules */
  --paper:       #FAF9F7;   /* page background, warm on purpose */

  /* Type */
  --font: 'Hanken Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --track-tight: -0.02em;
  --track-eyebrow: 0.19em;

  /* Layout */
  --max: 1280px;
  --gutter: clamp(20px, 4vw, 56px);
  --header-h: 76px;
  --section-y: clamp(88px, 11vw, 168px);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 600ms;
  --dur-fast: 200ms;
}

@media (max-width: 720px) {
  :root { --header-h: 64px; }
}