/* Vita Theme Dynamic Design Tokens - Auto-compiled */
:root {
  --vita-container-max: 1640px !important;
  --mp-list-media-width: 200px;
  --mp-list-footer-width: 240px;
  --mp-list-card-gap: 18px;
  --mp-list-footer-pad: 22px;
}
:root {
  --mp-radius-sm: 4px;
  --mp-radius-md: 8px;
  --mp-radius-lg: 12px;
  --vita-radius-base: 8px;
  --mp-primary: #FAB401;
  --mp-primary-hover: #D99700;
  --mp-buy-bg: #FAB401;
  --mp-buy-text: #1E293B;
  --mp-buy-hover-bg: #D99700;
  --mp-buy-hover-text: #1E293B;
  --mp-accent: #FAB401;
  --vita-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vita-text-main: #27272A;
  --vita-text-muted: #71717A;
  --vita-link: #9A6700;
  --vita-link-hover: #704B00;
  --mp-grid-cols-desktop: 4;
  --mp-grid-cols-mobile: 2;
  --vita-logo-title-size: 24px;
  --vita-logo-tagline-size: 12px;
  --vita-logo-icon-size: 26px;
  --vita-logo-title-weight: 700;
  --vita-logo-title-tracking: -0.5px;
  --vita-logo-title-line-height: 1.15;
  --vita-logo-title-transform: none;
  --vita-logo-title-style: normal;
  --vita-logo-title-shadow: none;
  --vita-logo-tagline-weight: 400;
  --vita-logo-tagline-tracking: 0px;
  --vita-logo-tagline-line-height: 1.15;
  --vita-logo-tagline-gap: 2px;
  --vita-logo-tagline-style: normal;
  --vita-logo-gap: 10px;
  --vita-logo-align: left;
  --vita-logo-align-items: flex-start;
  --vita-logo-title-size-mobile: var(--vita-logo-title-size);
  --vita-logo-tagline-size-mobile: var(--vita-logo-tagline-size);
  --vita-logo-icon-size-mobile: var(--vita-logo-icon-size);
  --vita-logo-preview-dark-bg: #101827;
  --vita-logo-preview-dark-surface: #162338;
  --vita-logo-preview-dark-border: #2B3E59;
  --vita-logo-preview-dark-surface-border: #405675;
  --vita-logo-preview-dark-muted: #9DAFC7;
  --vita-logo-text-dark: #FFFFFF;
  --vita-logo-icon-dark: #8C9D93;
  --vita-logo-tagline-dark: #9E99A6;
  --vita-logo-font: 'Inter', sans-serif;
}

html:not([data-theme="dark"]) {
  --mp-primary: #FAB401;
  --mp-primary-hover: #D99700;
  --vita-topbar-bg: #FAFAFA;
  --vita-topbar-text: #52525B;
  --vita-topbar-border: #E4E4E7;
  --vita-topbar-link-hover: #FAB401;
  --vita-topbar-control-bg: #FFFFFF;
  --vita-topbar-control-text: #334155;
  --vita-topbar-control-border: #E2E8F0;
  --vita-header-bg: #FFFFFF;
  --vita-header-text: #27272A;
  --vita-header-muted: #71717A;
  --vita-header-border: #E4E4E7;
  --vita-header-search-bg: #FAFAFA;
  --vita-header-search-text: #27272A;
  --vita-header-search-placeholder: #94A3B8;
  --vita-header-search-border: #FAB401;
  --vita-header-search-button-bg: #FAB401;
  --vita-header-search-button-text: #1E293B;
  --vita-search-button-hover-bg: #D99700;
  --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: #FAB401;
  --vita-header-catalog-text: #1E293B;
  --vita-header-catalog-hover: #D99700;
  --vita-header-catalog-hover-text: #1E293B;
  --vita-header-action-bg: #F1F5F9;
  --vita-header-action-text: #1E293B;
  --vita-header-action-hover: #FAB401;
  --vita-header-action-hover-bg: #8C9D93;
  --vita-header-badge-bg: #FAB401;
  --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: #FAB401;
  --vita-logo-text: #1E293B;
  --vita-logo-icon: #FAB401;
  --vita-logo-tagline: #64748B;
  --mp-buy-bg: #FAB401;
  --mp-buy-text: #1E293B;
  --mp-buy-hover-bg: #D99700;
  --mp-buy-hover-text: #1E293B;
  --mp-wishlist-bg: #FFFFFF;
  --mp-wishlist-border: #E2E8F0;
  --mp-wishlist-icon: #64748B;
  --mp-wishlist-hover-bg: #F1F5F9;
  --mp-wishlist-hover-border: #FAB401;
  --mp-wishlist-hover-icon: #FAB401;
  --mp-compare-bg: #FFFFFF;
  --mp-compare-border: #E2E8F0;
  --mp-compare-icon: #64748B;
  --mp-compare-hover-bg: #F1F5F9;
  --mp-compare-hover-border: #FAB401;
  --mp-compare-hover-icon: #FAB401;
  --vita-footer-bg: #27272A;
  --vita-footer-title: #FFFFFF;
  --vita-footer-text: #D4D4D8;
  --vita-footer-link-hover: #FAB401;
  --vita-footer-border: #3F3F46;
  --vita-footer-bottom-text: #A1A1AA;
}

html[data-theme="dark"] {
  --vita-dark-page: #101827;
  --vita-dark-topbar: #0B1220;
  --vita-dark-surface: #162338;
  --vita-dark-hover: #20314A;
  --vita-dark-input: #1C2A40;
  --vita-dark-border: #2B3E59;
  --vita-dark-control-border: #2B3E59;
  --vita-dark-border-hover: #405675;
  --vita-dark-muted: #9DAFC7;
  --vita-dark-text: #E1EAF5;
  --vita-dark-photo: #1D2A3D;
  --vita-dark-subtle: #131E30;
  --vita-dark-option-border: #344B69;
  --vita-dark-selected: #2A3C56;
  --mp-primary: #FAB401;
  --mp-primary-hover: #D99700;
  --mp-accent: #FAB401;
  --mp-accent-hover: #D99700;
  --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: #1E293B;
  --vita-search-button-hover-bg: #D99700;
  --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: #FAB401;
  --vita-header-catalog-text: #1E293B;
  --vita-header-catalog-hover: #D99700;
  --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: #FAB401;
  --vita-logo-text: #FFFFFF;
  --vita-logo-icon: #FAB401;
  --vita-logo-tagline: var(--vita-dark-muted, #9E99A6);
  --mp-buy-bg: #FAB401;
  --mp-buy-text: #1E293B;
  --mp-buy-hover-bg: #D99700;
  --mp-buy-hover-text: #1E293B;
  --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);
}