:root {
  --shop-primary: #ef53a9;
  --shop-primary-hover: #ed2c96;
  --shop-primary-light: #f179bb;
  --shop-primary-bg: #ffffff;
  --shop-primary-subtle: #ffffff;
  --shop-secondary: #087d70;
  --shop-secondary-hover: #05574d;
  --shop-secondary-light: #0ca190;
  --shop-secondary-bg: #8cede2;
  --shop-secondary-subtle: #70ebdd;
  --shop-success: #0d8756;
  --shop-success-hover: #09623e;
  --shop-success-light: #13a96d;
  --shop-success-bg: #9deccc;
  --shop-success-subtle: #82e8bf;
  --shop-danger: #c4301c;
  --shop-danger-hover: #a22616;
  --shop-danger-light: #dd402c;
  --shop-danger-bg: #f7e1de;
  --shop-danger-subtle: #f2cac5;
  --shop-warning: #f5b800;
  --shop-warning-hover: #cc9900;
  --shop-warning-light: #fcc621;
  --shop-warning-bg: #fef9ec;
  --shop-warning-subtle: #fcf1cf;
  --shop-primary-tint: color-mix(in srgb, #ef53a9 6%, white);
  --shop-secondary-soft: #95eee4;
  --shop-success-dark: #085939;
  --shop-success-text: #0b7047;
  --shop-danger-dark: #992414;
  --shop-warning-dark: #c29100;
  --shop-warning-star: #f5b800;
  --shop-text-heading: #0a1024;
  --shop-text-body: #121212;
  --shop-text-muted: #72778d;
  --shop-text-tertiary: #333333;
  --shop-text-placeholder: #404040;
  --shop-surface: #ffffff;
  --shop-surface-alt: #f5f7f9;
  --shop-surface-border: #e7eaf2;
  --shop-surface-subtle: #ffffff;
  --shop-surface-light: #fcfcfd;
  --shop-border-light: #f8f9fb;
  --shop-border-dark: #d7dcea;
  --shop-slate-900: #040710;
  --shop-slate-700: #0d1630;
  --shop-slate-600: #142148;
  --shop-slate-500: #1f3166;
  --shop-slate-400: #2e458a;
  --shop-slate-300: #3e59ad;
  --shop-font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --shop-radius: 0.5rem;
  --shop-radius-xs: 0.250rem;
  --shop-radius-sm: 0.375rem;
  --shop-radius-lg: 0.750rem;
  --shop-header-brand-color: #121212;
  --shop-nav-active-text: #087d70;
  --shop-page-bg: #ffffff;
  --shop-main-bg: #ffffff;
  --shop-product-grid-gap: 16.8px;
  --shop-badge-feature-bg: transparent;
  --shop-badge-feature-text: #121212;
  --shop-badge-volume-bg: #58b1b7;
  --shop-badge-volume-text: #ffffff;
  --shop-badge-hot-bg: #ef53a9;
  --shop-badge-hot-text: #ffffff;
  --shop-badge-radius: 999px;
  --shop-badge-font-size: 10.88px;
  --shop-badge-weight: 850;
  --shop-footer-heading-font-size: 20px;
  --shop-footer-heading-weight: 660;
  --shop-footer-heading-transform: none;
  --shop-text-secondary: #566078;
  --shop-stock-in-color: #2f7a3a;
}