/* Mercher marketing design tokens. Canonical specification: brand/mercher-home-style.md.
   Scoped to the apex layout; partner storefront themes retain their own contract. */
.axh-site {
  /* Primitives */
  --axh-color-graphite: #10110d;
  --axh-color-graphite-soft: #1d1e1a;
  --axh-color-paper: #f1eee7;
  --axh-color-white: #ffffff;
  --axh-color-cobalt: #4557ff;
  --axh-color-cobalt-deep: #3444dc;
  --axh-color-gray: #62635d;
  --axh-color-gray-light: #adaea6;
  --axh-color-rule: #cfcec6;
  --axh-color-rule-dark: #40413d;
  --axh-space-1: 4px;
  --axh-space-2: 8px;
  --axh-space-4: 16px;
  --axh-space-6: 24px;
  --axh-space-8: 32px;
  --axh-space-12: 48px;
  --axh-space-16: 64px;

  /* Semantic aliases, shared by existing components */
  --axh-dark: var(--axh-color-graphite);
  --axh-dark-panel: var(--axh-color-graphite-soft);
  --axh-cream: var(--axh-color-paper);
  /* Основной фон страниц/секций apex — белый (2026-09-30). --axh-cream остаётся
     токеном бумаги для текста/декоративных поверхностей внутри иллюстраций. */
  --axh-page-bg: #fff;
  --axh-white: var(--axh-color-white);
  --axh-ink: var(--axh-color-graphite);
  --axh-muted: var(--axh-color-gray);
  --axh-muted-dark: var(--axh-color-gray-light);
  --axh-line: var(--axh-color-rule);
  --axh-line-dark: var(--axh-color-rule-dark);
  --axh-blue: var(--axh-color-cobalt);
  --axh-blue-hover: var(--axh-color-cobalt-deep);
  --axh-photo-surface: #e8e5df;
  --axh-success: #21965d;
  --axh-font: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --axh-text-body: 16px;
  --axh-text-caption: 14px;
  --axh-heading-size: clamp(32px, 3.8vw, 54px);
  --axh-section-space: clamp(64px, 7vw, 104px);
  --axh-ease: cubic-bezier(.22, 1, .36, 1);
  --axh-duration-fast: 150ms;
  --axh-duration-label: 260ms;
  --axh-duration-hover: 300ms;
  --axh-duration-scene: 700ms;
  --axh-duration-reveal: 850ms;

  /* Component tokens */
  --axh-radius: 2px;
  --axh-radius-card: 2px;
  --axh-demo-radius: 20px;
  --axh-control-size: 44px;
  --axh-button-padding: 14px 28px;
  --axh-container-width: 1280px;
  --axh-container-gutter: var(--axh-space-8);
  --axh-content-width: 68ch;
  --axh-page-hero-space: clamp(56px, 8vw, 128px);
  --axh-grid-gap: clamp(24px, 3vw, 48px);
  --axh-faq-plate: #f5f3ef;
  --axh-faq-plate-hover: #edeae4;
  --axh-focus-ring: 0 0 0 3px color-mix(in srgb, var(--axh-blue) 28%, transparent);
}
@media (min-width: 1600px) {
  .axh-site {
    --axh-container-width: min(90vw, 1920px);
    --axh-container-gutter: var(--axh-space-12);
    --axh-section-space: clamp(120px, 4.5vw, 152px);
  }
}
@media (max-width: 640px) {
  .axh-site { --axh-container-gutter: 20px; }
}