:root {
  --color-bg: #ffffff;
  --color-text: #2c2c2c;
  --color-text-muted: rgba(44, 44, 44, 0.6);
  --font-family-base: "Montserrat", system-ui, sans-serif;

  /* Header (Frame 1597884534, node 46:15) */
  --color-header-bg: #e8e8e8;
  --color-header-shadow: rgba(0, 0, 0, 0.15);

  /* Brand / left card (Frame 1597884529, node 3:126) */
  --color-brand-card-bg: #f7f7f7;
  --color-brand-card-border: #ebe8e8;
  --color-brand-slider-bg: rgba(44, 44, 44, 0.1);
  --color-brand-slider-shadow: rgba(0, 0, 0, 0.1);

  /* Featured carousel (Frame 1:29 + slides) */
  --color-featured-bg: #2c2c2c;
  --color-featured-quote: rgba(255, 255, 255, 0.6);
  --color-featured-dot: #5f5f5f;
  --color-featured-dot-active: #ffffff;

  /* Subscribe (Frame 55:70) */
  --color-subscribe-bg: #f7f7f7;
  --color-subscribe-border: #ebe8e8;
  --color-subscribe-price-from: #304d6d;
  --color-subscribe-price-to: #1e212b;
  --color-subscribe-cta: #2c2c2c;
  --color-subscribe-cta-muted: #939393;

  /* Footer (Frame 38:17) */
  --color-footer-bg: #f6f6f6;
  --color-footer-border: #fbfbfb;

  /* Артборд и контентная область */
  --page-width: 1920;
  --page-width-mobile: 440;
  --content-width: 1083;
  --content-width-mobile: 396;

  /* Высоты артборда — ориентир Figma */
  --page-height-main-desktop: 1080;
  /* TODO: mobile artboard height */
  --page-height-main-mobile: 0;
}