:root {
  /* Color Palette */
  --rara-primary: #7C3AED;
  --rara-secondary: #8B5CF6;
  --rara-success: #22C55E;
  --rara-warning: #D97706;
  --rara-danger: #DC2626;
  --rara-bg: #FFFFFF;
  --rara-bg-sec: #F8FAFC;
  --rara-text: #0F172A;
  --rara-text-sec: #334155;
  --rara-muted: #475569;
  --rara-border: #E2E8F0;

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Shadows */
  --shadow-card: 0 4px 20px rgba(15, 23, 42, 0.05);
  --shadow-hover: 0 10px 30px rgba(109, 40, 217, 0.12);

  /* Spacing Scale (Approved Scale) */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-xxl: 64px;

  /* Typography Scale */
  --font-heading: 32px;
  --font-subheading: 20px;
  --font-body: 15px;
  --font-caption: 13px;
  --font-button: 14px;

  /* Section Spacing Variables */
  --section-gap-desktop: 24px;
  --section-gap-tablet: 20px;
  --section-gap-mobile: 16px;

  --section-padding-top: 24px;
  --section-padding-bottom: 24px;

  --section-heading-margin-bottom: 12px;
  --section-desc-margin-bottom: 12px;

  --hero-margin-bottom: 24px;
  --category-slider-margin-bottom: 20px;

  --cards-gap: 16px;
  --brand-cards-gap: 16px;
  --seller-cards-gap: 20px;

  /* Quick Add Button Variables */
  --quick-add-size-desktop: 48px;
  --quick-add-size-tablet: 44px;
  --quick-add-size-mobile: 40px;

  --quick-add-icon-desktop: 20px;
  --quick-add-icon-tablet: 20px;
  --quick-add-icon-mobile: 18px;

  --quick-add-spacing-desktop: 16px;
  --quick-add-spacing-tablet: 16px;
  --quick-add-spacing-mobile: 12px;
}