:root {
    /* Main Palette (Myntra Inspired) */
    --primary-color: #e61d56;
    --primary-hover: #c91648;
    --text-color: #282c3f;
    --text-muted: #535766;
    --text-light: #7e818c;
    --bg-color: #ffffff;
    --bg-main: #f5f5f6;
    --search-bg: #f5f5f6;
    --border-color: #eaeaec;
    --white: #ffffff;
    --black: #000000;
    
    /* Theme Colors */
    --theme-yellow: #f7c244;
    --theme-black: #282c3f;
    --theme-grey: #535766;
    --theme-light-grey: #f5f5f6;
    --theme-border: #eaeaec;
    --theme-green: #03a685; /* Myntra style green for discounts */
    --theme-purple: #9b51e0;

    /* Legacy Fallbacks (Kept to prevent breaking existing classes) */
    --yellow: var(--theme-yellow);
    --pink: var(--primary-color);
    --green: var(--theme-green);
    --text-dark: var(--theme-black);
    --border-light: var(--theme-border);

    /* Brand & Coupon Specific */
    --coupon-bg: #FFF6E8;
    --coupon-border: #e0d5c1;
    --divider-color: #eaeaec;
    --banner-border: #eaeaec;

    /* Neutrals & Backgrounds */
    --gray-dark: #282c3f;
    --gray-medium: #535766;
    --gray-light: #d4d5d9;
    --gray-lighter: #f5f5f6;
    --bg-light: #f9fbfd;
    --bg-lighter: #f9f9f9;
    --bg-lightest: #fdfdfd;
    --bg-gray: #f5f5f6;

    /* Text Colors */
    --text-primary-dark: #282c3f;
    --text-muted-dark: #535766;
    --text-muted-light: #7e818c;

    /* Functional Colors */
    --blue-primary: #007bff;
    --blue-secondary: #1890ff;
    --blue-light: #42a5f5;
    --blue-bg: #e6f7ff;
    --red-danger: #ff4d4f;
    --orange-dark: #ff905a;
    --orange-light: #ffb499;
    --teal-green: #14958f;
    --yellow-warning: #ffc107;

    /* Gradients & Specifics */
    --grad-purple-1: #f7e8ff;
    --grad-purple-2: #f4e8fa;
    --grad-orange-1: #cc4322;
    --grad-orange-2: #e05429;
    --grad-gray-1: #d8d8d8;
    --grad-gray-2: #e0dcd9;
    --grad-gray-3: #c4bfba;
    --grad-peach-1: #fff2e9;
    --grad-peach-2: #ffdfd4;

    /* Typography & Effects */
    --font-main: 'Assistant', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.875rem;   /* 14px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-lg: 1.125rem;   /* 18px */
    --font-size-xl: 1.25rem;    /* 20px */
    --font-size-2xl: 1.5rem;    /* 24px */
    
    /* Spacing System */
    --spacing-xs: 0.25rem;      /* 4px */
    --spacing-sm: 0.5rem;       /* 8px */
    --spacing-md: 1rem;         /* 16px */
    --spacing-lg: 1.5rem;       /* 24px */
    --spacing-xl: 2rem;         /* 32px */
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 2px 16px 4px rgba(40, 44, 63, 0.07);
}