:root {

  --header-height: 96px;
  --header-pad-block: 0;
  --header-logo-h: clamp(58px, 7.5vw, 90px);

  --header-logo-max-w: min(340px, 48vw);
  --header-nav-fs: 0.875rem;
  --header-nav-lh: 1.25;
  --header-phone-fs: 0.9375rem;
  --header-phone-icon: 20px;
  --header-cta-fs: 0.875rem;
  --header-cta-h: 40px;
  --header-cta-px: 28px;
  --header-bg: #040b1e;
  --header-bg-solid: #040b1e;
  --header-border: rgba(255, 255, 255, 0.07);
  --text-primary: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.5);
  --accent-blue: #0050FF;
  --accent-blue-hover: #0050FF;
  --logo-teplo: #0050FF;

  --bg-dark: #040b1e;
  --bg-dark-2: #040b1e;
  --surface-border: rgba(255, 255, 255, 0.07);
  --bg-navy: #0a1228;
  --bg-white: #ffffff;
  --accent: #0050FF;
  --accent-hover: #0050FF;
  --text-dark: #1a1a2e;
  --text-muted-dark: #5c5c6e;
  --container: 1440px;
  --radius: 8px;
  --radius-lg: 12px;

  --product-photo-user-select: none;
  --product-photo-touch-callout: none;
  --product-photo-img-pointer-events: none;
}