/**
 * PixID design tokens — single source of truth for colors, spacing, layout, typography.
 * Load this first; common.css and site.css use these variables.
 * See docs/PAGE_STRUCTURE_TEMPLATE.md for unified page structure (header, breadcrumb, fonts).
 */
:root {
  /* Text */
  --text: #111;
  --muted: #666;
  --light: #999;
  /* Surfaces */
  --bg: #fff;
  --tinted: #f7f7f5;
  --border: #e5e5e5;
  /* Accent (CTA, links, focus) */
  --accent: #10b981;
  --accent-hover: #059669;
  /* Layout */
  --max: 940px;
  --pad: clamp(20px, 5vw, 64px);
  --radius: 10px;
  /* Hero (redesign: constrained height) */
  --hero-max-height: 280px;

  /* Typography — единая шкала для хедера, крошек, контента */
  --font-size-base: 16px;
  --font-size-nav-link: 13.5px;
  --font-size-nav-cta: 13px;
  --font-size-breadcrumb: 13px;
  --font-size-breadcrumb-mobile: 12px;
  --font-size-breadcrumb-sm: 11px;
  --font-size-body: 15px;
  --font-size-body-sm: 13px;
  --font-size-h1: clamp(28px, 4vw, 38px);
  --font-size-h2: clamp(19px, 2.6vw, 24px);
  --font-size-h3: 14px;
  --font-size-label: 12px;
  --font-size-caption: 11px;
  --line-height-body: 1.55;
  --line-height-tight: 1.15;
}