:root {
    --np-body-background: var(--np-color-background);
    --np-body-color: var(--np-color-text);
    --np-body-font-family: var(--np-font-primary);
    --np-body-font-size: var(--np-font-size-md);
    --np-body-font-weight: var(--np-font-weight-regular);
    --np-body-line-height: var(--np-line-height-normal);

    --np-heading-color: var(--np-color-heading);
    --np-heading-font-family: var(--np-font-heading);
    --np-heading-font-weight: var(--np-font-weight-extrabold);
    --np-heading-line-height: var(--np-line-height-tight);
    --np-heading-letter-spacing: var(--np-letter-spacing-tight);

    --np-display-color: var(--np-color-heading);
    --np-display-font-family: var(--np-font-display);
    --np-display-font-weight: var(--np-font-weight-black);
    --np-display-line-height: var(--np-line-height-tight);

    --np-paragraph-color: var(--np-color-text);
    --np-paragraph-muted-color: var(--np-color-text-muted);
    --np-paragraph-margin-bottom: var(--np-spacing-md);

    --np-small-color: var(--np-color-text-muted);
    --np-mark-background: var(--np-color-lime-soft);
    --np-mark-color: var(--np-color-heading);

    --np-link-text-color: var(--np-link-color);
    --np-link-text-color-hover: var(--np-link-color-hover);
    --np-link-decoration: none;
    --np-link-decoration-hover: none;
    --np-link-transition: color var(--np-transition-fast);

    --np-container-max-width: var(--np-container-width);
    --np-container-inline-padding: var(--np-container-padding);
    --np-container-fluid-max-width: var(--np-container-2xl);

    --np-main-min-height: calc(100vh - var(--np-header-height));
    --np-content-width: var(--np-container-content);
    --np-content-narrow-width: var(--np-container-narrow);

    --np-site-background: var(--np-color-background);
    --np-site-surface: var(--np-color-surface);
    --np-site-border: var(--np-color-border-soft);

    --np-section-background: var(--np-color-background);
    --np-section-surface: var(--np-color-surface);
    --np-section-title-color: var(--np-color-heading);
    --np-section-description-color: var(--np-color-text-muted);
    --np-section-kicker-color: var(--np-color-primary);
    --np-section-border-color: var(--np-color-border-soft);

    --np-grid-columns-desktop: 12;
    --np-grid-columns-tablet: 8;
    --np-grid-columns-mobile: 4;

    --np-button-font-family: var(--np-font-heading);
    --np-button-border-width: var(--np-border-width);
    --np-button-border-style: solid;
    --np-button-transition: transform var(--np-transition-fast), box-shadow var(--np-transition-fast), background var(--np-transition-fast), border-color var(--np-transition-fast), color var(--np-transition-fast);

    --np-button-primary-background: var(--np-gradient-primary);
    --np-button-primary-background-hover: var(--np-gradient-primary-hover);
    --np-button-primary-color: var(--np-color-white);
    --np-button-primary-border-color: transparent;
    --np-button-primary-shadow: var(--np-shadow-primary);

    --np-button-secondary-background: var(--np-color-surface);
    --np-button-secondary-background-hover: var(--np-color-primary-soft);
    --np-button-secondary-color: var(--np-color-primary);
    --np-button-secondary-border-color: var(--np-color-primary-subtle);
    --np-button-secondary-shadow: var(--np-shadow-xs);

    --np-button-outline-background: transparent;
    --np-button-outline-background-hover: var(--np-color-primary-soft);
    --np-button-outline-color: var(--np-color-primary);
    --np-button-outline-border-color: rgba(var(--np-color-primary-rgb), 0.34);
    --np-button-outline-shadow: none;

    --np-button-ghost-background: transparent;
    --np-button-ghost-background-hover: var(--np-color-surface-muted);
    --np-button-ghost-color: var(--np-color-text);
    --np-button-ghost-border-color: transparent;
    --np-button-ghost-shadow: none;

    --np-button-cta-background: var(--np-gradient-cta);
    --np-button-cta-background-hover: linear-gradient(135deg, var(--np-color-lime-hover) 0%, var(--np-color-teal-hover) 100%);
    --np-button-cta-color: var(--np-cta-color);
    --np-button-cta-border-color: transparent;
    --np-button-cta-shadow: var(--np-cta-shadow);

    --np-button-danger-background: var(--np-color-danger);
    --np-button-danger-background-hover: var(--np-color-danger-hover);
    --np-button-danger-color: var(--np-color-white);
    --np-button-danger-border-color: transparent;

    --np-form-label-color: var(--np-color-heading);
    --np-form-label-font-size: var(--np-font-size-sm);
    --np-form-label-font-weight: var(--np-font-weight-bold);
    --np-form-label-margin-bottom: var(--np-spacing-xs);

    --np-form-help-color: var(--np-color-text-muted);
    --np-form-help-font-size: var(--np-font-size-xs);

    --np-form-error-color: var(--np-color-danger);
    --np-form-error-background: var(--np-color-danger-soft);
    --np-form-success-color: var(--np-color-success);
    --np-form-success-background: var(--np-color-success-soft);

    --np-textarea-min-height: 9rem;
    --np-select-background-image-color: var(--np-color-text-muted);

    --np-checkbox-size: 1.125rem;
    --np-checkbox-radius: var(--np-radius-xs);
    --np-checkbox-border-color: var(--np-color-border);
    --np-checkbox-background: var(--np-color-surface);
    --np-checkbox-checked-background: var(--np-color-primary);
    --np-checkbox-checked-border-color: var(--np-color-primary);

    --np-radio-size: 1.125rem;
    --np-radio-border-color: var(--np-color-border);
    --np-radio-background: var(--np-color-surface);
    --np-radio-checked-color: var(--np-color-primary);

    --np-card-title-color: var(--np-color-heading);
    --np-card-text-color: var(--np-color-text);
    --np-card-muted-color: var(--np-color-text-muted);
    --np-card-transition: transform var(--np-transition-md), box-shadow var(--np-transition-md), border-color var(--np-transition-md), background var(--np-transition-md);

    --np-card-hover-transform: translateY(-4px);
    --np-card-hover-border-color: var(--np-card-border-color-hover);
    --np-card-hover-shadow: var(--np-card-shadow-hover);

    --np-card-compact-padding: var(--np-spacing-lg);
    --np-card-large-padding: var(--np-spacing-2xl);

    --np-glass-background: var(--np-color-surface-glass);
    --np-glass-border-color: rgba(203, 213, 225, 0.62);
    --np-glass-shadow: var(--np-shadow-sm);
    --np-glass-backdrop-filter: blur(var(--np-blur-md));

    --np-badge-height: 1.75rem;
    --np-badge-padding-x: 0.75rem;
    --np-badge-radius: var(--np-radius-pill);
    --np-badge-font-size: var(--np-font-size-xs);
    --np-badge-font-weight: var(--np-font-weight-bold);

    --np-badge-primary-background: var(--np-color-primary-soft);
    --np-badge-primary-color: var(--np-color-primary-active);
    --np-badge-sky-background: var(--np-color-sky-soft);
    --np-badge-sky-color: var(--np-color-sky-active);
    --np-badge-teal-background: var(--np-color-teal-soft);
    --np-badge-teal-color: var(--np-color-teal-active);
    --np-badge-lime-background: var(--np-color-lime-soft);
    --np-badge-lime-color: #3f6212;
    --np-badge-danger-background: var(--np-color-danger-soft);
    --np-badge-danger-color: var(--np-color-danger);
    --np-badge-success-background: var(--np-color-success-soft);
    --np-badge-success-color: var(--np-color-success);

    --np-alert-padding: var(--np-spacing-md);
    --np-alert-radius: var(--np-radius-lg);
    --np-alert-border-width: var(--np-border-width);

    --np-alert-info-background: var(--np-color-info-soft);
    --np-alert-info-color: var(--np-color-info);
    --np-alert-info-border-color: rgba(var(--np-color-info-rgb), 0.18);

    --np-alert-success-background: var(--np-color-success-soft);
    --np-alert-success-color: var(--np-color-success);
    --np-alert-success-border-color: rgba(var(--np-color-success-rgb), 0.18);

    --np-alert-warning-background: var(--np-color-warning-soft);
    --np-alert-warning-color: var(--np-color-warning-hover);
    --np-alert-warning-border-color: rgba(var(--np-color-warning-rgb), 0.18);

    --np-alert-danger-background: var(--np-color-danger-soft);
    --np-alert-danger-color: var(--np-color-danger);
    --np-alert-danger-border-color: rgba(var(--np-color-danger-rgb), 0.18);

    --np-table-background: var(--np-color-surface);
    --np-table-border-color: var(--np-color-border-soft);
    --np-table-header-background: var(--np-color-surface-muted);
    --np-table-header-color: var(--np-color-heading);
    --np-table-row-hover-background: var(--np-color-primary-soft);
    --np-table-cell-padding-y: 0.875rem;
    --np-table-cell-padding-x: 1rem;

    --np-dropdown-background: var(--np-color-surface);
    --np-dropdown-border-color: var(--np-color-border-soft);
    --np-dropdown-radius: var(--np-radius-xl);
    --np-dropdown-shadow: var(--np-shadow-lg);
    --np-dropdown-padding: var(--np-spacing-sm);
    --np-dropdown-z-index: var(--np-z-index-dropdown);

    --np-modal-background: var(--np-color-surface);
    --np-modal-color: var(--np-color-text);
    --np-modal-radius: var(--np-radius-3xl);
    --np-modal-shadow: var(--np-shadow-xl);
    --np-modal-width-sm: 420px;
    --np-modal-width-md: 640px;
    --np-modal-width-lg: 880px;
    --np-modal-padding: var(--np-spacing-xl);
    --np-modal-z-index: var(--np-z-index-modal);

    --np-offcanvas-background: var(--np-color-surface);
    --np-offcanvas-color: var(--np-color-text);
    --np-offcanvas-width: min(88vw, 420px);
    --np-offcanvas-shadow: var(--np-shadow-xl);
    --np-offcanvas-z-index: var(--np-z-index-modal);

    --np-tooltip-background: var(--np-color-heading);
    --np-tooltip-color: var(--np-color-white);
    --np-tooltip-radius: var(--np-radius-md);
    --np-tooltip-padding-y: 0.45rem;
    --np-tooltip-padding-x: 0.7rem;
    --np-tooltip-font-size: var(--np-font-size-xs);

    --np-header-logo-height: 48px;
    --np-header-logo-width: auto;
    --np-header-container-width: var(--np-container-xl);
    --np-header-padding-x: var(--np-container-padding);
    --np-header-gap: var(--np-spacing-lg);
    --np-header-transition: background var(--np-transition-md), box-shadow var(--np-transition-md), border-color var(--np-transition-md), transform var(--np-transition-md);

    --np-header-nav-gap: 0.25rem;
    --np-header-nav-link-height: 2.75rem;
    --np-header-nav-link-padding-x: 0.875rem;
    --np-header-nav-link-radius: var(--np-radius-pill);
    --np-header-nav-link-font-size: var(--np-font-size-sm);
    --np-header-nav-link-font-weight: var(--np-font-weight-bold);
    --np-header-nav-link-background-hover: var(--np-color-primary-soft);

    --np-header-cta-height: 2.875rem;
    --np-header-cta-padding-x: 1.25rem;

    --np-mega-menu-background: var(--np-color-surface);
    --np-mega-menu-border-color: var(--np-color-border-soft);
    --np-mega-menu-radius: var(--np-radius-2xl);
    --np-mega-menu-shadow: var(--np-shadow-lg);
    --np-mega-menu-width: min(94vw, 1120px);
    --np-mega-menu-padding: var(--np-spacing-lg);
    --np-mega-menu-grid-gap: var(--np-spacing-md);

    --np-mobile-menu-background: var(--np-color-surface);
    --np-mobile-menu-color: var(--np-color-text);
    --np-mobile-menu-link-height: 3rem;
    --np-mobile-menu-link-radius: var(--np-radius-lg);
    --np-mobile-menu-link-background-hover: var(--np-color-primary-soft);

    --np-search-panel-background: var(--np-color-surface);
    --np-search-panel-radius: var(--np-radius-3xl);
    --np-search-panel-shadow: var(--np-shadow-xl);
    --np-search-panel-width: min(92vw, 760px);
    --np-search-panel-padding: var(--np-spacing-xl);

    --np-footer-padding-y: var(--np-spacing-3xl);
    --np-footer-top-padding-y: var(--np-spacing-2xl);
    --np-footer-bottom-padding-y: var(--np-spacing-lg);
    --np-footer-column-gap: var(--np-spacing-xl);
    --np-footer-link-font-size: var(--np-font-size-sm);
    --np-footer-link-line-height: var(--np-line-height-normal);

    --np-hero-min-height: min(780px, calc(100vh - var(--np-header-height)));
    --np-hero-padding-y: clamp(4rem, 8vw, 7rem);
    --np-hero-title-size: var(--np-font-size-6xl);
    --np-hero-title-color: var(--np-color-heading);
    --np-hero-description-size: var(--np-font-size-lg);
    --np-hero-description-color: var(--np-color-text-muted);
    --np-hero-kicker-color: var(--np-color-primary);
    --np-hero-card-radius: var(--np-radius-3xl);
    --np-hero-card-shadow: var(--np-shadow-lg);

    --np-page-title-padding-y: clamp(3rem, 7vw, 6rem);
    --np-page-title-background: var(--np-gradient-soft);
    --np-page-title-color: var(--np-color-heading);
    --np-page-title-description-color: var(--np-color-text-muted);

    --np-breadcrumb-color: var(--np-color-text-muted);
    --np-breadcrumb-link-color: var(--np-color-primary);
    --np-breadcrumb-separator-color: var(--np-color-text-soft);
    --np-breadcrumb-font-size: var(--np-font-size-sm);

    --np-pagination-item-size: 2.75rem;
    --np-pagination-item-radius: var(--np-radius-pill);
    --np-pagination-item-background: var(--np-color-surface);
    --np-pagination-item-background-hover: var(--np-color-primary-soft);
    --np-pagination-item-background-active: var(--np-color-primary);
    --np-pagination-item-color: var(--np-color-text);
    --np-pagination-item-color-active: var(--np-color-white);
    --np-pagination-item-border-color: var(--np-color-border-soft);

    --np-blog-card-background: var(--np-card-background);
    --np-blog-card-radius: var(--np-card-radius);
    --np-blog-card-shadow: var(--np-card-shadow);
    --np-blog-card-title-color: var(--np-color-heading);
    --np-blog-card-meta-color: var(--np-color-text-muted);
    --np-blog-card-excerpt-color: var(--np-color-text);

    --np-post-content-width: var(--np-container-content);
    --np-post-content-font-size: var(--np-font-size-lg);
    --np-post-content-line-height: var(--np-line-height-relaxed);
    --np-post-content-color: var(--np-color-text);
    --np-post-heading-color: var(--np-color-heading);

    --np-archive-grid-min: 280px;
    --np-archive-sidebar-width: 320px;
    --np-archive-gap: var(--np-spacing-xl);

    --np-sidebar-background: var(--np-color-surface);
    --np-sidebar-border-color: var(--np-color-border-soft);
    --np-sidebar-radius: var(--np-radius-2xl);
    --np-sidebar-padding: var(--np-spacing-lg);
    --np-sidebar-widget-gap: var(--np-spacing-lg);

    --np-widget-title-color: var(--np-color-heading);
    --np-widget-title-font-size: var(--np-font-size-lg);
    --np-widget-title-font-weight: var(--np-font-weight-extrabold);

    --np-woocommerce-layout-gap: var(--np-spacing-xl);
    --np-woocommerce-sidebar-width: 300px;
    --np-woocommerce-card-background: var(--np-card-background);
    --np-woocommerce-card-radius: var(--np-shop-card-radius);
    --np-woocommerce-card-shadow: var(--np-shop-card-shadow);
    --np-woocommerce-card-border-color: var(--np-color-border-soft);
    --np-woocommerce-price-color: var(--np-shop-price-color);
    --np-woocommerce-sale-price-color: var(--np-shop-sale-color);
    --np-woocommerce-rating-color: var(--np-shop-rating-color);

    --np-product-gallery-radius: var(--np-radius-2xl);
    --np-product-gallery-background: var(--np-color-surface);
    --np-product-gallery-border-color: var(--np-color-border-soft);
    --np-product-summary-gap: var(--np-spacing-lg);
    --np-product-title-color: var(--np-color-heading);
    --np-product-title-size: var(--np-font-size-4xl);
    --np-product-meta-color: var(--np-color-text-muted);
    --np-product-tabs-border-color: var(--np-color-border-soft);
    --np-product-tabs-active-color: var(--np-color-primary);

    --np-cart-table-background: var(--np-color-surface);
    --np-cart-table-radius: var(--np-radius-2xl);
    --np-cart-totals-background: var(--np-color-surface);
    --np-cart-totals-radius: var(--np-radius-2xl);
    --np-cart-totals-shadow: var(--np-shadow-sm);

    --np-checkout-form-background: var(--np-color-surface);
    --np-checkout-form-radius: var(--np-radius-2xl);
    --np-checkout-form-shadow: var(--np-shadow-sm);
    --np-checkout-order-background: var(--np-color-surface);
    --np-checkout-order-radius: var(--np-radius-2xl);
    --np-checkout-order-shadow: var(--np-shadow-md);

    --np-account-sidebar-width: 280px;
    --np-account-nav-background: var(--np-color-surface);
    --np-account-nav-radius: var(--np-radius-2xl);
    --np-account-nav-link-height: 3rem;
    --np-account-nav-link-color: var(--np-color-text);
    --np-account-nav-link-active-background: var(--np-color-primary-soft);
    --np-account-nav-link-active-color: var(--np-color-primary);

    --np-elementor-section-gap: var(--np-section-gap);
    --np-elementor-widget-gap: var(--np-grid-gap);
    --np-elementor-container-padding: var(--np-container-padding);

    --np-dokan-dashboard-background: var(--np-seller-dashboard-background);
    --np-dokan-sidebar-background: var(--np-seller-sidebar-background);
    --np-dokan-sidebar-color: var(--np-seller-sidebar-color);
    --np-dokan-card-background: var(--np-seller-card-background);
    --np-dokan-card-radius: var(--np-radius-2xl);
    --np-dokan-card-shadow: var(--np-shadow-sm);
    --np-dokan-primary-color: var(--np-seller-color);

    --np-seller-hero-background: var(--np-gradient-creative);
    --np-seller-hero-color: var(--np-color-heading);
    --np-seller-stat-card-background: var(--np-color-surface);
    --np-seller-stat-card-radius: var(--np-radius-2xl);
    --np-seller-stat-card-shadow: var(--np-shadow-sm);

    --np-service-hero-background: var(--np-gradient-hero);
    --np-service-card-radius: var(--np-radius-2xl);
    --np-service-card-shadow: var(--np-shadow-sm);
    --np-service-card-shadow-hover: var(--np-shadow-sky);
    --np-service-icon-background: var(--np-color-sky-soft);
    --np-service-icon-color: var(--np-color-sky-active);

    --np-pricing-card-background: var(--np-color-surface);
    --np-pricing-card-radius: var(--np-radius-3xl);
    --np-pricing-card-shadow: var(--np-shadow-md);
    --np-pricing-featured-background: var(--np-gradient-primary);
    --np-pricing-featured-color: var(--np-color-white);

    --np-faq-item-background: var(--np-color-surface);
    --np-faq-item-radius: var(--np-radius-xl);
    --np-faq-item-border-color: var(--np-color-border-soft);
    --np-faq-question-color: var(--np-color-heading);
    --np-faq-answer-color: var(--np-color-text-muted);

    --np-timeline-line-color: var(--np-color-border);
    --np-timeline-dot-background: var(--np-color-primary);
    --np-timeline-card-background: var(--np-color-surface);
    --np-timeline-card-radius: var(--np-radius-xl);

    --np-loader-color: var(--np-color-primary);
    --np-loader-track-color: var(--np-color-primary-soft);

    --wp--preset--color--primary: var(--np-color-primary);
    --wp--preset--color--secondary: var(--np-color-sky);
    --wp--preset--color--tertiary: var(--np-color-teal);
    --wp--preset--color--accent: var(--np-color-lime);
    --wp--preset--color--background: var(--np-color-background);
    --wp--preset--color--foreground: var(--np-color-text);

    --wp--style--global--content-size: var(--np-container-content);
    --wp--style--global--wide-size: var(--np-container-width);

    --swiper-theme-color: var(--np-color-primary);
    --swiper-navigation-size: 1.25rem;
    --swiper-pagination-color: var(--np-color-primary);
    --swiper-pagination-bullet-inactive-color: var(--np-color-border-strong);
    --swiper-pagination-bullet-inactive-opacity: 1;

    --bs-primary: var(--np-color-primary);
    --bs-secondary: var(--np-color-sky);
    --bs-success: var(--np-color-success);
    --bs-danger: var(--np-color-danger);
    --bs-warning: var(--np-color-warning);
    --bs-info: var(--np-color-info);
    --bs-light: var(--np-color-background);
    --bs-dark: var(--np-color-heading);
    --bs-body-bg: var(--np-color-background);
    --bs-body-color: var(--np-color-text);
    --bs-border-color: var(--np-color-border-soft);
    --bs-border-radius: var(--np-radius-md);
    --bs-font-sans-serif: var(--np-font-primary);
}

[data-np-theme="dark"],
.np-theme-dark {
    --np-body-background: var(--np-color-background);
    --np-body-color: var(--np-color-text);

    --np-section-background: var(--np-color-background);
    --np-section-surface: var(--np-color-surface);
    --np-section-title-color: var(--np-color-heading);
    --np-section-description-color: var(--np-color-text-muted);
    --np-section-border-color: var(--np-color-border-soft);

    --np-glass-background: var(--np-color-surface-glass);
    --np-glass-border-color: rgba(255, 255, 255, 0.12);
    --np-glass-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);

    --np-dropdown-background: var(--np-color-surface);
    --np-dropdown-border-color: var(--np-color-border-soft);
    --np-modal-background: var(--np-color-surface);
    --np-offcanvas-background: var(--np-color-surface);

    --np-button-secondary-background: rgba(255, 255, 255, 0.06);
    --np-button-secondary-background-hover: rgba(255, 255, 255, 0.1);
    --np-button-secondary-color: var(--np-color-sky);
    --np-button-secondary-border-color: rgba(255, 255, 255, 0.12);

    --np-button-outline-background-hover: rgba(255, 255, 255, 0.08);
    --np-button-outline-color: var(--np-color-sky);
    --np-button-outline-border-color: rgba(var(--np-color-sky-rgb), 0.34);

    --np-button-ghost-background-hover: rgba(255, 255, 255, 0.08);
    --np-button-ghost-color: var(--np-color-text);

    --np-table-background: var(--np-color-surface);
    --np-table-border-color: var(--np-color-border-soft);
    --np-table-header-background: var(--np-color-surface-muted);
    --np-table-row-hover-background: rgba(56, 189, 248, 0.08);

    --np-page-title-background: var(--np-gradient-hero-dark);

    --np-sidebar-background: var(--np-color-surface);
    --np-sidebar-border-color: var(--np-color-border-soft);

    --np-woocommerce-card-background: var(--np-color-surface);
    --np-woocommerce-card-border-color: var(--np-color-border-soft);

    --np-cart-table-background: var(--np-color-surface);
    --np-cart-totals-background: var(--np-color-surface);
    --np-checkout-form-background: var(--np-color-surface);
    --np-checkout-order-background: var(--np-color-surface);

    --np-account-nav-background: var(--np-color-surface);
    --np-account-nav-link-active-background: rgba(56, 189, 248, 0.12);
    --np-account-nav-link-active-color: var(--np-color-sky);

    --np-service-card-background: var(--np-color-surface);
    --np-pricing-card-background: var(--np-color-surface);
    --np-faq-item-background: var(--np-color-surface);
    --np-timeline-card-background: var(--np-color-surface);

    --wp--preset--color--background: var(--np-color-background);
    --wp--preset--color--foreground: var(--np-color-text);

    --bs-body-bg: var(--np-color-background);
    --bs-body-color: var(--np-color-text);
    --bs-border-color: var(--np-color-border-soft);
}

@media (max-width: 1024px) {
    :root {
        --np-header-logo-height: 44px;
        --np-header-gap: var(--np-spacing-md);
        --np-header-nav-link-height: 2.5rem;
        --np-header-nav-link-padding-x: 0.75rem;
        --np-mega-menu-width: min(94vw, 920px);
        --np-hero-min-height: auto;
        --np-hero-padding-y: clamp(3rem, 7vw, 5rem);
        --np-hero-title-size: var(--np-font-size-5xl);
        --np-product-title-size: var(--np-font-size-3xl);
        --np-archive-sidebar-width: 280px;
        --np-woocommerce-sidebar-width: 280px;
    }
}

@media (max-width: 782px) {
    :root {
        --np-body-font-size: var(--np-font-size-md);
        --np-header-logo-height: 40px;
        --np-header-padding-x: var(--np-container-padding);
        --np-mobile-menu-link-height: 3.125rem;
        --np-search-panel-width: calc(100vw - 2rem);
        --np-search-panel-padding: var(--np-spacing-lg);
        --np-modal-width-sm: calc(100vw - 2rem);
        --np-modal-width-md: calc(100vw - 2rem);
        --np-modal-width-lg: calc(100vw - 2rem);
        --np-modal-padding: var(--np-spacing-lg);
        --np-offcanvas-width: min(92vw, 390px);
        --np-hero-title-size: var(--np-font-size-5xl);
        --np-hero-description-size: var(--np-font-size-md);
        --np-page-title-padding-y: 3rem;
        --np-post-content-font-size: var(--np-font-size-md);
        --np-archive-gap: var(--np-spacing-lg);
        --np-archive-sidebar-width: 100%;
        --np-woocommerce-sidebar-width: 100%;
        --np-product-title-size: var(--np-font-size-3xl);
        --np-account-sidebar-width: 100%;
        --np-footer-padding-y: var(--np-spacing-2xl);
        --np-footer-top-padding-y: var(--np-spacing-xl);
    }
}

@media (max-width: 480px) {
    :root {
        --np-header-logo-height: 36px;
        --np-search-panel-padding: var(--np-spacing-md);
        --np-modal-padding: var(--np-spacing-md);
        --np-card-compact-padding: var(--np-spacing-md);
        --np-card-large-padding: var(--np-spacing-lg);
        --np-table-cell-padding-y: 0.75rem;
        --np-table-cell-padding-x: 0.75rem;
        --np-hero-title-size: var(--np-font-size-4xl);
        --np-product-title-size: var(--np-font-size-2xl);
        --np-footer-column-gap: var(--np-spacing-lg);
    }
}