/* Additive tokens. Observed values and deliberate approximations: docs/design-system.md. */
:root {
  --melin-black: #000;
  --melin-white: #fff;
  --melin-search-surface: #f8f8f9;
  --melin-line: #e5e5e5; /* local approximation */
  --melin-muted: #555; /* local approximation */
  /* TOM rebrand: MELIN's chrome bundled licensed Avenir webfont files (assets/fonts/avenir-*.woff2).
     TOM ships no licensed display font, so chrome typography now points at a system-safe stack —
     no bundled binary, same visual weight/metrics family (Helvetica Neue/Arial). */
  --melin-body-font: "Helvetica Neue", Arial, sans-serif;
  --melin-display-font: "Helvetica Neue", Arial, sans-serif;
  --melin-promo-height: 35.5px;
  --melin-nav-height: 61px;
  --melin-header-total: calc(var(--melin-promo-height) + var(--melin-nav-height));
  --melin-search-panel-width: 480px;
  --melin-mobile-search-height: 60px;
  --melin-logo-width: 155px;
  --melin-logo-height: 19px;
  --melin-promo-size: 13px;
  --melin-promo-leading: 19.5px;
  --melin-promo-tracking: .4px;
  --melin-nav-size: 12px;
  --melin-nav-leading: 18px;
  --melin-nav-tracking: 3px;
  --melin-button-size: 14px;
  --melin-button-leading: 21px;
  --melin-button-tracking: 1.3px;
  --melin-radius: 3px;
  --melin-gutter: 20px;
  --melin-space-1: 4px;
  --melin-space-2: 8px;
  --melin-space-3: 16px;
  --melin-space-4: 24px;
  --melin-space-5: 32px;
  --melin-space-6: 48px;
  --melin-focus: #0759c7; /* accessible local state, not measured brand token */
  --melin-motion: 150ms; /* provisional; no reference timing claim */
}
@media (min-width: 1280px) { :root { --melin-gutter: 60px; } }