/**
 * Дизайн-токены шаблона bus.
 * Смена акцентного цвета — только здесь.
 */
:root {
  --color-primary: #1A1A1A;
  --color-secondary: #404040;
  --color-primary-rgb: 26, 26, 26;

  --color-bg: #FFFFFF;
  --color-bg-warm: #F7F7F7;
  --color-bg-hover: #F0F0F0;
  --color-accent-bg: #F0F0F0;
  --color-text: #1A1A1A;
  --color-text-muted: #6B6B6B;
  --color-border: #E8E8E8;
  --color-dark: #1A1A1A;
  --color-success: #22C55E;
  --color-error: #EF4444;

  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-hover: var(--shadow-card-hover);
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-btn: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-nav: 0 2px 20px rgba(0, 0, 0, 0.08);

  --shadow-focus: 0 0 0 3px rgba(0, 0, 0, 0.06);
  --shadow-ring: none;
  --shadow-primary-xs: 0 1px 4px rgba(0, 0, 0, 0.08);
  --shadow-primary-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-primary-md: 0 2px 10px rgba(0, 0, 0, 0.1);
  --shadow-primary-lg: 0 4px 14px rgba(0, 0, 0, 0.12);
  --shadow-primary-xl: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-primary-hero: 0 20px 48px -16px rgba(0, 0, 0, 0.18);
  --shadow-primary-promo: 0 16px 40px -12px rgba(0, 0, 0, 0.16);
  --shadow-pulse: none;

  --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --gradient-warm: linear-gradient(135deg, var(--color-primary), #5C5C5C);

  --font-main: 'Inter', system-ui, -apple-system, sans-serif;

  --radius-card: 20px;
  --radius-btn: 50px;
  --radius-sm: 12px;
  --radius-lg: 24px;

  --container: 1200px;
  --section-pad: 100px;

  --t: 0.25s ease;
  --transition: 0.3s ease;
  --t-slow: 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Нижняя навигация (моб.) */
  --nav-bottom-bg: #0c0c0c;
  --nav-bottom-bg-elevated: #161616;
  --nav-bottom-border: rgba(255, 255, 255, 0.1);
  --nav-bottom-text: rgba(255, 255, 255, 0.48);
  --nav-bottom-text-active: #ffffff;
  --nav-bottom-pill: rgba(255, 255, 255, 0.12);
  --nav-bottom-pill-active: rgba(255, 255, 255, 0.18);
  --nav-bottom-cta-bg: #ffffff;
  --nav-bottom-cta-text: #0c0c0c;
  --nav-bottom-badge: #ffffff;
  --nav-bottom-badge-text: #0c0c0c;
  --nav-bottom-height: 64px;
  --nav-bottom-radius: 22px;
  --cart-checkout-dock-height: 64px;
  --mobile-bottom-reserve: calc(var(--nav-bottom-height) + 20px + env(safe-area-inset-bottom, 0px));
  --cart-checkout-dock-reserve: calc(var(--cart-checkout-dock-height) + 20px + env(safe-area-inset-bottom, 0px));
  /* checkout mob-bar: согласие + кнопка + отступ снизу */
  --checkout-mob-bar-reserve: calc(
    52px + 10px + var(--cart-checkout-dock-height) + 20px + env(safe-area-inset-bottom, 0px)
  );

  /* Тень «парящего» dock (нижнее меню, активная вкладка меню) */
  --shadow-dock:
    0 0 0 1px rgba(0, 0, 0, 0.4),
    0 16px 48px rgba(0, 0, 0, 0.38),
    0 4px 12px rgba(0, 0, 0, 0.22);
}