:root {
  --shop-primary: #4f46e5;
  --shop-primary-hover: #2c23e1;
  --shop-primary-light: #746ee8;
  --shop-primary-bg: #eef2ff;
  --shop-primary-subtle: #e0e7ff;
  --shop-secondary: #0ea5e9;
  --shop-secondary-hover: #0a88c2;
  --shop-secondary-light: #2eb2f0;
  --shop-secondary-bg: #edf8fc;
  --shop-secondary-subtle: #d2edf9;
  --shop-success: #059669;
  --shop-success-hover: #036e4c;
  --shop-success-light: #08ba81;
  --shop-success-bg: #9af4d7;
  --shop-success-subtle: #7df2cd;
  --shop-danger: #e11d48;
  --shop-danger-hover: #bf173c;
  --shop-danger-light: #e44467;
  --shop-danger-bg: #fdf7f8;
  --shop-danger-subtle: #f8dde3;
  --shop-warning: #f59e0b;
  --shop-warning-hover: #cf8607;
  --shop-warning-light: #f4ad34;
  --shop-warning-bg: #fefbf6;
  --shop-warning-subtle: #fbefda;
  --shop-primary-tint: color-mix(in srgb, #4f46e5 6%, white);
  --shop-secondary-soft: #f6fbfe;
  --shop-success-dark: #026445;
  --shop-success-text: #037c56;
  --shop-danger-dark: #b61639;
  --shop-warning-dark: #c57f07;
  --shop-warning-star: #f59e0b;
  --shop-text-heading: #0f172a;
  --shop-text-body: #475569;
  --shop-text-muted: #5b6b80;
  --shop-text-tertiary: #67788d;
  --shop-text-placeholder: #768598;
  --shop-surface: #ffffff;
  --shop-surface-alt: #f4f5f8;
  --shop-surface-border: #e8e9ef;
  --shop-surface-subtle: #fcfcfd;
  --shop-surface-light: #f9f9fb;
  --shop-border-light: #f6f6f9;
  --shop-border-dark: #d8d9e4;
  --shop-slate-900: #080c17;
  --shop-slate-700: #131c34;
  --shop-slate-600: #1d2949;
  --shop-slate-500: #2a3a65;
  --shop-slate-400: #3c5086;
  --shop-slate-300: #4f66a6;
  --shop-font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --shop-radius: 0.75rem;
  --shop-radius-xs: 0.375rem;
  --shop-radius-sm: 0.5rem;
  --shop-radius-lg: 1rem;
  --shop-topbar-bg: #0f172a;
  --shop-slate-800: #0f172a;
  --shop-topbar-text: #cbd5e1;
  --shop-topbar-link: #e2e8f0;
  --shop-topbar-link-hover: #fcfcfd;
  --shop-header-bg: #ffffff;
  --shop-header-search-bg: #f4f5f8;
  --shop-header-border: #eceef3;
  --shop-nav-active-text: #4f46e5;
  --shop-nav-active-border: #4f46e5;
  --shop-footer-bg: #0f172a;
  --shop-footer-heading-color: #ffffff;
  --shop-footer-link-color: #94a3b8;
  --shop-footer-text-color: #94a3b8;
  --shop-footer-border: #1e293b;
  --shop-btn-radius: 999px;
  --shop-card-radius: 16px;
  --shop-card-sale-color: #e11d48;
  --shop-badge-radius: 999px;
  --shop-badge-weight: 600;
  --shop-btn-weight: 600;
  --shop-card-hover-border: #c7c9f5;
  --shop-card-hover-shadow: 0 14px 36px -10px rgba(15, 23, 42, 0.16);
  --shop-card-price-weight: 700;
  --shop-footer-copyright-color: #64748b;
  --shop-footer-heading-font-size: 0.8125rem;
  --shop-footer-heading-spacing: 0.08em;
  --shop-footer-heading-transform: uppercase;
  --shop-footer-link-hover: #ffffff;
  --shop-footer-newsletter-focus: #818cf8;
  --shop-footer-newsletter-input-bg: #1e293b;
  --shop-footer-newsletter-input-border: #334155;
  --shop-header-search-radius: 999px;
  --shop-input-focus-border: #4f46e5;
  --shop-input-focus-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
  --shop-nav-font-weight: 500;
  --shop-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shop-shadow-hover: 0 10px 28px -6px rgba(79, 70, 229, 0.16);
  --shop-shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, 0.12);
  --shop-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shop-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --shop-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}