/* Токены сайта. Цвета роли берутся из colors.css (colorfor). Здесь только производные и размеры. */
:root{
  --bg: var(--color-background);
  --surface: var(--color-surface);
  --surface-hi: var(--color-surface-elevated);
  --ink: var(--color-text);
  --ink-mute: var(--color-text-muted);
  --brass: var(--color-primary);
  --brass-hi: var(--color-primary-hover);
  --on-brass: var(--color-primary-foreground);
  --sky: var(--color-secondary);
  --line: rgba(228,239,234,.16);
  --line-strong: var(--color-border-strong);
  /* цвет плитки под фото: снят с реальных кадров каталога (центр фона ~#A5B6B0) */
  --tile: #a5b6b0;
  --tile-ink: #162525;

  --ff-display: 'Sofia Sans Extra Condensed', 'Arial Narrow', Impact, sans-serif;
  --ff-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --round: 1;
  --r-field: calc(2px * var(--round));
  --r-pill: calc(999px * var(--round));
  --r-island: calc(10px * var(--round));
  --cut: 22px;

  --pad-x: clamp(20px, 4vw, 64px);
  --hdr-h: 64px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --hero-h: clamp(600px, calc(100svh - 56px), 880px);
}