/* Auto-generated from design_colors. Edit at /admin/color-management. */
:root {
  --ub-magenta: #ce2984;
  --ub-blue: #00aaff;
  --ub-navy: #00293d;
  --ub-white: #ffffff;
  --ub-black: #000000;
  --ub-magenta-hover: #a32169;
  --ub-blue-hover: #0088cc;
  --ub-navy-hover: #004b70;
  --ub-grey-ultralight: #f0f4f8;
  --ub-grey-light: #d6dce8;
  --ub-grey-medium: #b0b8c6;
  --ub-grey-dark: #6b7a99;
  --ub-success: #16a34a;
  --ub-success-hover: #107636;
  --ub-success-bg: #eefdf4;
  --ub-success-border: #7eeea7;
  --ub-warning: #f59e0b;
  --ub-warning-hover: #c57f08;
  --ub-warning-bg: #fef6e7;
  --ub-warning-border: #fad38f;
  --ub-danger: #dc2626;
  --ub-danger-hover: #b21d1d;
  --ub-danger-bg: #fcecec;
  --ub-danger-border: #f1a5a5;
  --ub-info: #00aaff;
  --ub-info-hover: #0088cc;
  --ub-info-bg: #ebf8ff;
  --ub-info-border: #8fdaff;
  --ub-whatsapp: #25d366;
  --ub-menu-topbar-bg: var(--ub-navy);
  --ub-menu-topbar-text: var(--ub-grey-light);
  --ub-menu-link: var(--ub-navy);
  --ub-menu-link-hover: var(--ub-magenta);
  --ub-menu-search-bg: var(--ub-white);
  --ub-menu-cart-badge-bg: var(--ub-danger);
  --ub-menu-fav-badge-bg: var(--ub-blue);
  --ub-footer-bg: var(--ub-navy);
  --ub-footer-text: var(--ub-white);
  --ub-footer-strip-text: var(--ub-grey-dark);
  --ub-footer-link-hover: var(--ub-white);
  --ub-btn-primary-bg: var(--ub-magenta);
  --ub-btn-primary-text: var(--ub-white);
  --ub-btn-primary-hover-bg: var(--ub-magenta-hover);
  --ub-btn-secondary-bg: var(--ub-blue);
  --ub-btn-secondary-text: var(--ub-white);
  --ub-btn-secondary-hover-bg: var(--ub-blue-hover);
  --ub-btn-outline-text: var(--ub-navy);
  --ub-btn-outline-hover-bg: var(--ub-navy);
  --ub-modal-bg: var(--ub-white);
  --ub-modal-text: var(--ub-navy);
  --ub-modal-divider: var(--ub-grey-light);
  --ub-modal-close-text: var(--ub-grey-dark);
  --ub-form-input-bg: var(--ub-white);
  --ub-form-input-text: var(--ub-navy);
  --ub-form-input-border: var(--ub-grey-light);
  --ub-form-input-border-focus: var(--ub-blue);
  --ub-form-input-error: var(--ub-danger);
  --ub-filter-toggle-bg: var(--ub-navy);
  --ub-filter-toggle-hover-bg: var(--ub-navy-hover);
  --ub-filter-apply-bg: var(--ub-magenta);
  --ub-filter-apply-hover-bg: var(--ub-magenta-hover);
  --ub-filter-reset-text: var(--ub-grey-dark);
  --ub-cookie-bg: var(--ub-white);
  --ub-cookie-text: var(--ub-navy);
  --ub-cookie-accept-bg: var(--ub-magenta);
  --ub-cookie-accept-hover-bg: var(--ub-magenta-hover);
  --ub-cookie-decline-text: var(--ub-navy);
  --ub-cookie-link: var(--ub-magenta);
  --ub-atc-bg: var(--ub-grey-ultralight);
  --ub-atc-accent: var(--ub-success);
  --ub-atc-cta-primary-bg: var(--ub-blue);
  --ub-atc-cta-secondary-bg: var(--ub-grey-dark);
  --ub-card-bg: var(--ub-white);
  --ub-card-border: var(--ub-grey-light);
  --ub-card-title: var(--ub-navy);
  --ub-card-price: var(--ub-navy);
  --ub-card-meta: var(--ub-grey-dark);
  --ub-card-badge: var(--ub-magenta);
  --ub-card-pill-bg: var(--ub-navy);
  --ub-card-pill-text: var(--ub-grey-ultralight);
  --ub-hero-bg: var(--ub-navy);
  --ub-hero-text: var(--ub-white);
  --ub-hero-eyebrow: var(--ub-white);
  --ub-hero-sub-text: var(--ub-white);
  --ub-hero-cta-bg: var(--ub-magenta);
  --ub-hero-cta-text: var(--ub-white);
  --ub-hero-cta-hover-bg: var(--ub-magenta-hover);
  --ub-hero-sla-text: var(--ub-white);
  --ub-hero-sla-icon: var(--ub-blue);
  --ub-heading-text: var(--ub-navy);
  --ub-icon-fill: var(--ub-navy);
  --ub-paragraph-text: var(--ub-navy);
  --ub-paragraph-link: var(--ub-magenta);
  --ub-paragraph-link-hover: var(--ub-magenta-hover);
  --ub-photo-caption-bg: var(--ub-white);
  --ub-photo-caption-text: var(--ub-navy);
  --ub-photo-caption-icon: var(--ub-magenta);
  --ub-timeline-heading: var(--ub-navy);
  --ub-timeline-subtext: var(--ub-grey-dark);
  --ub-timeline-line: var(--ub-grey-light);
  --ub-timeline-marker: var(--ub-magenta);
  --ub-timeline-label: var(--ub-magenta);
  --ub-timeline-title: var(--ub-navy);
  --ub-timeline-description: var(--ub-navy);
  --ub-timeline-icon: var(--ub-white);
  --ub-carousel-frame-bg: var(--ub-grey-ultralight);
  --ub-carousel-heading-text: var(--ub-navy);
  --ub-carousel-meta-text: var(--ub-grey-dark);
  --ub-carousel-caption-text: var(--ub-white);
  --ub-carousel-nav-bg: var(--ub-white);
  --ub-carousel-nav-text: var(--ub-navy);
  --ub-carousel-nav-border: var(--ub-grey-light);
  --ub-carousel-nav-hover-bg: var(--ub-magenta);
  --ub-carousel-dot: var(--ub-grey-light);
  --ub-carousel-dot-active: var(--ub-magenta);
  --ub-faq-heading: var(--ub-navy);
  --ub-faq-intro: var(--ub-grey-dark);
  --ub-faq-item-bg: var(--ub-white);
  --ub-faq-item-border: var(--ub-grey-ultralight);
  --ub-faq-question-bg: var(--ub-navy);
  --ub-faq-question-bg-hover: var(--ub-magenta);
  --ub-faq-question-text: var(--ub-white);
  --ub-faq-answer-text: var(--ub-grey-dark);
  --ub-compare-heading-text: var(--ub-navy);
  --ub-compare-meta-text: var(--ub-grey-dark);
  --ub-compare-col-bg: var(--ub-white);
  --ub-compare-col-border: var(--ub-grey-light);
  --ub-compare-item-text: var(--ub-navy);
  --ub-compare-positive-bg: var(--ub-success-bg);
  --ub-compare-positive-border: var(--ub-success-border);
  --ub-compare-positive-icon: var(--ub-success);
  --ub-compare-negative-bg: var(--ub-danger-bg);
  --ub-compare-negative-border: var(--ub-danger-border);
  --ub-compare-negative-icon: var(--ub-danger);
  --ub-compare-neutral-icon: var(--ub-grey-dark);
  --ub-pricing-heading-text: var(--ub-navy);
  --ub-pricing-meta-text: var(--ub-grey-dark);
  --ub-pricing-card-bg: var(--ub-white);
  --ub-pricing-card-border: var(--ub-grey-light);
  --ub-pricing-card-highlight-border: var(--ub-magenta);
  --ub-pricing-flag-bg: var(--ub-magenta);
  --ub-pricing-flag-text: var(--ub-white);
  --ub-pricing-name: var(--ub-navy);
  --ub-pricing-price: var(--ub-navy);
  --ub-pricing-price-suffix: var(--ub-grey-dark);
  --ub-pricing-description: var(--ub-grey-dark);
  --ub-pricing-feature-check: var(--ub-success);
  --ub-pricing-cta-bg: var(--ub-magenta);
  --ub-pricing-cta-bg-hover: var(--ub-magenta-hover);
  --ub-pricing-cta-text: var(--ub-white);
  --ub-testimonial-bg: var(--ub-white);
  --ub-testimonial-stars: var(--ub-magenta);
  --ub-testimonial-quote-text: var(--ub-navy);
  --ub-testimonial-author: var(--ub-navy);
  --ub-testimonial-role: var(--ub-grey-medium);
  --ub-media-text-heading: var(--ub-navy);
  --ub-media-text-body: var(--ub-navy);
  --ub-media-text-cta-bg: var(--ub-magenta);
  --ub-media-text-cta-bg-hover: var(--ub-magenta-hover);
  --ub-media-text-cta-text: var(--ub-white);
  --ub-trust-heading: var(--ub-grey-dark);
  --ub-trust-subtext: var(--ub-grey-dark);
  --ub-trust-cols-bg: var(--ub-navy);
  --ub-trust-cols-icon: var(--ub-blue);
  --ub-trust-cols-title: var(--ub-white);
  --ub-trust-cols-body: var(--ub-white);
  --ub-divider-text: var(--ub-navy);
  --ub-list-text: var(--ub-navy);
  --ub-list-marker: var(--ub-navy);
  --ub-steps-headline: var(--ub-navy);
  --ub-steps-number-bg: var(--ub-magenta);
  --ub-steps-number-text: var(--ub-white);
  --ub-steps-title: var(--ub-navy);
  --ub-steps-meta: var(--ub-grey-dark);
  --ub-steps-arrow: var(--ub-blue);
  --ub-video-heading: var(--ub-navy);
  --ub-video-meta: var(--ub-grey-dark);
  --ub-video-frame-bg: var(--ub-black);
  --ub-favorites-heading: var(--ub-navy);
  --ub-favorites-tile-bg: var(--ub-navy);
  --ub-favorites-tile-text: var(--ub-white);
  --ub-favorites-tile-desc: var(--ub-white);
  --ub-favorites-badge-price-bg: var(--ub-magenta);
  --ub-favorites-badge-price-text: var(--ub-white);
  --ub-favorites-badge-colors-bg: var(--ub-black);
  --ub-favorites-badge-colors-text: var(--ub-white);
  --ub-favorites-cta-bg: var(--ub-magenta);
  --ub-favorites-cta-bg-hover: var(--ub-magenta-hover);
  --ub-favorites-cta-text: var(--ub-white);
  --ub-stats-icon: var(--ub-blue);
  --ub-stats-number: var(--ub-navy);
  --ub-stats-label: var(--ub-grey-dark);
  --ub-cta-bg: var(--ub-magenta);
  --ub-cta-headline: var(--ub-white);
  --ub-cta-body: var(--ub-white);
  --ub-cta-btn-bg: var(--ub-white);
  --ub-cta-btn-text: var(--ub-whatsapp);
  --ub-outcome-title: var(--ub-navy);
  --ub-outcome-meta: var(--ub-grey-dark);
  --ub-outcome-icon-success: var(--ub-success);
  --ub-outcome-icon-failure: var(--ub-danger);
  --ub-outcome-icon-info: var(--ub-blue);
  --ub-outcome-next-bg: var(--ub-grey-ultralight);
  --ub-outcome-cta-bg: var(--ub-blue);
  --ub-outcome-cta-text: var(--ub-white);
  --ub-outcome-secondary-text: var(--ub-navy);
  --ub-outcome-secondary-border: var(--ub-grey-light);
  --ub-outcome-hint-text: var(--ub-grey-dark);
  --ub-outcome-border-success: var(--ub-success-border);
  --ub-outcome-border-failure: var(--ub-danger-border);
  --ub-outcome-border-info: var(--ub-blue);
  --ub-outcome-border-neutral: var(--ub-grey-light);
  --ub-product-grid-alt-bg: var(--ub-grey-ultralight);
  --ub-product-grid-section-title: var(--ub-navy);
  --ub-product-grid-section-subtitle: var(--ub-grey-dark);
  --ub-product-grid-view-all: var(--ub-magenta);
  --ub-product-grid-view-all-hover: var(--ub-navy);
  --ub-social-proof-bg: var(--ub-grey-ultralight);
  --ub-social-proof-headline: var(--ub-navy);
  --ub-social-proof-subtext: var(--ub-grey-dark);
  --ub-social-proof-cta: var(--ub-blue);
  --ub-sustain-bg: var(--ub-white);
  --ub-sustain-headline: var(--ub-navy);
  --ub-sustain-body: var(--ub-grey-dark);
  --ub-sustain-cta: var(--ub-magenta);
  --ub-sustain-cta-hover: var(--ub-magenta-hover);
  --ub-sustain-img-fallback: var(--ub-grey-light);
}