/* ==========================================================================
   GLOBAL CSS VARIABLES
   File: variables.css
   Load Priority: First (before all other stylesheets)
   ========================================================================== */

/* ==========================================================================
   CSS VARIABLES 
   ========================================================================== */

:root {
    /* Text Colors */
    --color-table-text: #333;             /* table headers, cart totals */
    --color-text-secondary: #666;         /* variation details, detail sections, subtitles */
    --color-text-light: #999;             /* Shipping notes, helper text, light descriptions */
    --color-text-muted: #cacaca;          /* Placeholder text, coupon codes, disabled states */
    --color-text-dark: #2b2e31;           /* Prescription item titles, emphasized headings */
    --color-text-body: #212121;           
    --color-text: #1f1f1f;                /* text color */
    --color-dark: #000;                   /* dark text color */
    
    /* Background Colors */
    --color-bg-white: #fff;               /* Main backgrounds, product containers, input fields, cards */
    --color-bg-light: #f9f9f9;            /* Prescription detail sections, cart sidebar, alternate rows */
    --color-bg-gray: #f5f5f5;             /* Mobile responsive table rows, secondary backgrounds */
    --color-bg-border: #f0f0f0;           /* Prescription value borders, internal separators */
    
    /* Border Colors */
    --color-border: #ddd;                 /* Product container borders, main section dividers, overall border */
    --color-border-secondary: #6C7550;    /* checkout border color */  
    
    /* State Colors */
    --color-error: #a00;               /* Discount labels, error messages, coupon discount text */
    --color-success: #128000;             /* Extra info borders, success states */
    --color-link: #496682;                /* Remove coupon links, clickable text links */
    --color-warning: #0F8A56;             /* backorder messages */
    --color-orange: #EAA600;             /* backorder messages */    
    
    /* Button Colors */
    --color-primary: #6C7550;             /* Primary buttons, checkout button background */
    --color-secondary: #A0A777;           /* Button hover states */
    --btn-radius: 30px;                     /* Button radius */
    
   /* icon color */
    --coupon-icon-color: #6C7550;         /* Coupon toggle icon/checkout icon color */

    
}