/* Vita Theme Dynamic Design Tokens - Auto-compiled */
:root {
  --vita-container-max: 1400px !important;
  --mp-list-media-width: 185px;
  --mp-list-footer-width: 220px;
  --mp-list-card-gap: 16px;
  --mp-list-footer-pad: 18px;
}
:root {
  --mp-radius-sm: 2px;
  --mp-radius-md: 4px;
  --mp-radius-lg: 6px;
  --vita-radius-base: 4px;
  --mp-primary: #8C9D93;
  --mp-primary-hover: #7A8B81;
  --mp-buy-bg: #8C9D93;
  --mp-buy-text: #FFFFFF;
  --mp-buy-hover-bg: #A3B4AA;
  --mp-buy-hover-text: #FFFFFF;
  --mp-accent: #8C9D93;
  --vita-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vita-text-main: #0F172A;
  --vita-text-muted: #64748B;
  --vita-link: #8C9D93;
  --vita-link-hover: #7A8B81;
  --mp-grid-cols-desktop: 4;
  --mp-grid-cols-mobile: 2;
  --vita-logo-title-size: 32px;
  --vita-logo-tagline-size: 13px;
  --vita-logo-icon-size: 30px;
  --vita-logo-title-weight: 700;
  --vita-logo-title-tracking: 0.5px;
  --vita-logo-title-line-height: 1.1;
  --vita-logo-title-transform: uppercase;
  --vita-logo-title-style: normal;
  --vita-logo-title-shadow: 0 1px 3px rgba(0,0,0,.18);
  --vita-logo-tagline-weight: 700;
  --vita-logo-tagline-tracking: 1px;
  --vita-logo-tagline-line-height: 1.3;
  --vita-logo-tagline-gap: 4px;
  --vita-logo-tagline-style: italic;
  --vita-logo-gap: 12px;
  --vita-logo-align: center;
  --vita-logo-align-items: center;
  --vita-logo-title-size-mobile: 24px;
  --vita-logo-tagline-size-mobile: 11px;
  --vita-logo-icon-size-mobile: 22px;
  --vita-logo-preview-dark-bg: #221F24;
  --vita-logo-preview-dark-surface: #2C2930;
  --vita-logo-preview-dark-border: #484350;
  --vita-logo-preview-dark-surface-border: #504A59;
  --vita-logo-preview-dark-muted: #9E99A6;
  --vita-logo-text-dark: #F1F5F9;
  --vita-logo-icon-dark: #7DD3FC;
  --vita-logo-tagline-dark: #94A3B8;
  --vita-logo-font: 'Montserrat', sans-serif;
}

html:not([data-theme="dark"]) {
  --mp-primary: #8C9D93;
  --mp-primary-hover: #7A8B81;
  --vita-topbar-bg: #F8FAFC;
  --vita-topbar-text: #475569;
  --vita-topbar-border: #E2E8F0;
  --vita-topbar-link-hover: #8C9D93;
  --vita-topbar-control-bg: #F1F5F9;
  --vita-topbar-control-text: #475569;
  --vita-topbar-control-border: #E2E8F0;
  --vita-header-bg: #FFFFFF;
  --vita-header-text: #2D3748;
  --vita-header-muted: #64748B;
  --vita-header-border: #E2E8F0;
  --vita-header-search-bg: #FFFFFF;
  --vita-header-search-text: #2D3748;
  --vita-header-search-placeholder: #64748B;
  --vita-header-search-border: #8C9D93;
  --vita-header-search-button-bg: #8C9D93;
  --vita-header-search-button-text: #FFFFFF;
  --vita-search-button-hover-bg: #7A8B81;
  --vita-search-button-hover-text: #FFFFFF;
  --vita-search-dropdown-bg: #FFFFFF;
  --vita-search-dropdown-text: #2D3748;
  --vita-search-dropdown-border: #E2E8F0;
  --vita-search-dropdown-hover-bg: #F1F5F9;
  --vita-search-dropdown-hover-text: #8C9D93;
  --vita-header-catalog-bg: #8C9D93;
  --vita-header-catalog-text: #FFFFFF;
  --vita-header-catalog-hover: #7A8B81;
  --vita-header-catalog-hover-text: #FFFFFF;
  --vita-header-action-bg: #F1F5F9;
  --vita-header-action-text: #2D3748;
  --vita-header-action-hover: #8C9D93;
  --vita-header-action-hover-bg: #E2E8F0;
  --vita-header-badge-bg: #8C9D93;
  --vita-header-badge-text: #FFFFFF;
  --vita-topbar-dropdown-bg: #FFFFFF;
  --vita-topbar-dropdown-text: #2D3748;
  --vita-topbar-dropdown-hover-bg: #F1F5F9;
  --vita-topbar-dropdown-hover-text: #8C9D93;
  --vita-topbar-dropdown-border: #E2E8F0;
  --vita-mega-bg: #FFFFFF;
  --vita-mega-sidebar-bg: #FFFFFF;
  --vita-mega-text: #242424;
  --vita-mega-muted: #868695;
  --vita-mega-hover-bg: #F4F4F5;
  --vita-mega-hover-text: #8C9D93;
  --vita-mega-border: #F1F5F9;
  --vita-mobile-header-bg: #F8FAFC;
  --vita-mobile-header-text: #2D3748;
  --vita-mobile-drawer-bg: #FFFFFF;
  --vita-mobile-drawer-text: #2D3748;
  --vita-mobile-border: #E2E8F0;
  --vita-mobile-menu-divider: #E2E8F0;
  --vita-mobile-nav-bg: #FFFFFF;
  --vita-mobile-nav-text: #64748B;
  --vita-mobile-nav-active: #8C9D93;
  --vita-header-focus: #8C9D93;
  --vita-logo-text: #1E3A5F;
  --vita-logo-icon: #8C9D93;
  --vita-logo-tagline: #64748B;
  --mp-buy-bg: #8C9D93;
  --mp-buy-text: #FFFFFF;
  --mp-buy-hover-bg: #A3B4AA;
  --mp-buy-hover-text: #FFFFFF;
  --mp-wishlist-bg: #FFFFFF;
  --mp-wishlist-border: #E2E8F0;
  --mp-wishlist-icon: #64748B;
  --mp-wishlist-hover-bg: #f1f5f9;
  --mp-wishlist-hover-border: #8C9D93;
  --mp-wishlist-hover-icon: #8C9D93;
  --mp-compare-bg: #FFFFFF;
  --mp-compare-border: #E2E8F0;
  --mp-compare-icon: #64748B;
  --mp-compare-hover-bg: #f1f5f9;
  --mp-compare-hover-border: #8C9D93;
  --mp-compare-hover-icon: #8C9D93;
  --vita-footer-bg: #FAFAFA;
  --vita-footer-title: #111827;
  --vita-footer-text: #6B7280;
  --vita-footer-link-hover: #111827;
  --vita-footer-border: #E5E7EB;
  --vita-footer-bottom-text: #9CA3AF;
}

html[data-theme="dark"] {
  --vita-dark-page: #221F24;
  --vita-dark-topbar: #1D1A20;
  --vita-dark-surface: #2C2930;
  --vita-dark-hover: #38343E;
  --vita-dark-input: #3A3640;
  --vita-dark-border: #3D3844;
  --vita-dark-control-border: #484350;
  --vita-dark-border-hover: #504A59;
  --vita-dark-muted: #9E99A6;
  --vita-dark-text: #E5E2E8;
  --vita-dark-photo: #343039;
  --vita-dark-subtle: #262329;
  --vita-dark-option-border: #4D4856;
  --vita-dark-selected: #4E4956;
  --mp-primary: #8C9D93;
  --mp-primary-hover: #7A8B81;
  --mp-accent: #8C9D93;
  --mp-accent-hover: #7A8B81;
  --mp-primary-light: var(--vita-dark-hover, #38343E);
  --vita-topbar-bg: var(--vita-dark-topbar, #1D1A20);
  --vita-topbar-text: var(--vita-dark-muted, #9E99A6);
  --vita-topbar-border: var(--vita-dark-surface, #2C2930);
  --vita-topbar-link-hover: #FFFFFF;
  --vita-topbar-control-bg: var(--vita-dark-input, #3A3640);
  --vita-topbar-control-text: var(--vita-dark-text, #E5E2E8);
  --vita-topbar-control-border: var(--vita-dark-border, #484350);
  --vita-topbar-dropdown-bg: var(--vita-dark-surface, #2C2930);
  --vita-topbar-dropdown-text: var(--vita-dark-text, #E5E2E8);
  --vita-topbar-dropdown-hover-bg: var(--vita-dark-hover, #38343E);
  --vita-topbar-dropdown-hover-text: #FFFFFF;
  --vita-topbar-dropdown-border: var(--vita-dark-border, #3D3844);
  --vita-header-bg: var(--vita-dark-page, #221F24);
  --vita-header-text: #FFFFFF;
  --vita-header-muted: var(--vita-dark-muted, #9E99A6);
  --vita-header-border: var(--vita-dark-border, #332F38);
  --vita-header-search-bg: var(--vita-dark-surface, #2C2930);
  --vita-header-search-text: #FFFFFF;
  --vita-header-search-placeholder: var(--vita-dark-muted, #9E99A6);
  --vita-header-search-border: var(--vita-dark-border, #3D3844);
  --vita-header-search-button-bg: var(--mp-primary, #8C9D93);
  --vita-header-search-button-text: #FFFFFF;
  --vita-search-button-hover-bg: #7A8B81;
  --vita-search-button-hover-text: #FFFFFF;
  --vita-search-dropdown-bg: var(--vita-dark-surface, #2C2930);
  --vita-search-dropdown-text: var(--vita-dark-text, #E5E2E8);
  --vita-search-dropdown-border: var(--vita-dark-border, #3D3844);
  --vita-search-dropdown-hover-bg: var(--vita-dark-hover, #38343E);
  --vita-search-dropdown-hover-text: #FFFFFF;
  --vita-header-catalog-bg: #8C9D93;
  --vita-header-catalog-text: #FFFFFF;
  --vita-header-catalog-hover: #7A8B81;
  --vita-header-catalog-hover-text: #FFFFFF;
  --vita-header-action-bg: var(--vita-dark-surface, #2C2930);
  --vita-header-action-text: var(--vita-dark-text, #E5E2E8);
  --vita-header-action-hover: #FFFFFF;
  --vita-header-action-hover-bg: var(--vita-dark-hover, #38343E);
  --vita-header-badge-bg: var(--mp-primary, #8C9D93);
  --vita-header-badge-text: #FFFFFF;
  --vita-mega-bg: var(--vita-dark-page, #221F24);
  --vita-mega-sidebar-bg: var(--vita-dark-topbar, #1D1A20);
  --vita-mega-text: #FFFFFF;
  --vita-mega-muted: var(--vita-dark-muted, #9E99A6);
  --vita-mega-hover-bg: var(--vita-dark-surface, #2C2930);
  --vita-mega-hover-text: #FFFFFF;
  --vita-mega-border: var(--vita-dark-border, #332F38);
  --vita-mobile-header-bg: var(--vita-dark-page, #221F24);
  --vita-mobile-header-text: #FFFFFF;
  --vita-mobile-drawer-bg: var(--vita-dark-page, #221F24);
  --vita-mobile-drawer-text: #FFFFFF;
  --vita-mobile-border: var(--vita-dark-border, #332F38);
  --vita-mobile-menu-divider: var(--vita-dark-border, #332F38);
  --vita-mobile-nav-bg: var(--vita-dark-topbar, #1D1A20);
  --vita-mobile-nav-text: var(--vita-dark-muted, #9E99A6);
  --vita-mobile-nav-active: var(--mp-primary, #8C9D93);
  --vita-header-focus: #8C9D93;
  --vita-logo-text: #F1F5F9;
  --vita-logo-icon: #7DD3FC;
  --vita-logo-tagline: #94A3B8;
  --mp-buy-bg: #8C9D93;
  --mp-buy-text: #FFFFFF;
  --mp-buy-hover-bg: #A3B4AA;
  --mp-buy-hover-text: #FFFFFF;
  --mp-wishlist-bg: var(--vita-dark-surface, #2C2930);
  --mp-wishlist-border: var(--vita-dark-border, #3D3844);
  --mp-wishlist-icon: var(--vita-dark-muted, #9E99A6);
  --mp-wishlist-hover-bg: var(--vita-dark-hover, #38343E);
  --mp-wishlist-hover-border: var(--mp-primary, #8C9D93);
  --mp-wishlist-hover-icon: var(--mp-primary, #8C9D93);
  --mp-compare-bg: var(--vita-dark-surface, #2C2930);
  --mp-compare-border: var(--vita-dark-border, #3D3844);
  --mp-compare-icon: var(--vita-dark-muted, #9E99A6);
  --mp-compare-hover-bg: var(--vita-dark-hover, #38343E);
  --mp-compare-hover-border: var(--mp-primary, #8C9D93);
  --mp-compare-hover-icon: var(--mp-primary, #8C9D93);
  --vita-footer-bg: var(--vita-dark-topbar, #1D1A20);
  --vita-footer-title: #FFFFFF;
  --vita-footer-text: var(--vita-dark-muted, #9E99A6);
  --vita-footer-link-hover: #FFFFFF;
  --vita-footer-border: var(--vita-dark-surface, #2C2930);
  --vita-footer-bottom-text: var(--vita-dark-muted, #64748b);
}