:root {
  /* Core brand colors */
  --color-primary: #7650A3;
  --color-primary-hover: #63408C;
  --color-primary-light: #8E6AB9;
  --color-primary-dark: #292044;
  --color-lilac: #F2EAF8;
  --color-lilac-subtle: #FAF6FC;
  --color-white: #FFFFFF;
  --color-bg: #FFFFFF;
  --color-text: #292044;
  --color-text-muted: #625B6D;
  --color-border: #E7DDF0;
  --color-border-light: #F0E8F7;

  /* Accent & Badge colors */
  --color-badge-bestseller: #E94E77;
  --color-badge-favorito: #FF6B6B;
  --color-badge-nuevo: #7B61FF;
  --color-badge-discount: #E63946;
  --color-star: #F5A623;
  --color-success: #2E7D32;

  /* Typography */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-script: "Caveat", cursive;

  /* Layout & Sizing */
  --container-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(41, 32, 68, 0.04);
  --shadow-card: 0 4px 20px rgba(41, 32, 68, 0.06);
  --shadow-hover: 0 10px 30px rgba(118, 80, 163, 0.12);
  --shadow-dropdown: 0 12px 36px rgba(41, 32, 68, 0.12);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease-in-out;
}