:root {
  /* ----------------------------------------------------
     WA NAILS & BEAUTY SUPPLY - SYSTEM VARIABLES
     Concept: Option 2 - Warm Modern
     ---------------------------------------------------- */

  /* --- BRAND COLORS --- */
  --color-coral-red: #F04B43;
  --color-peach-orange: #F58E62;
  
  /* --- NEUTRAL COLORS --- */
  --color-pure-white: #FFFFFF;
  --color-warm-ivory: #FFF6F2;
  --color-soft-peach: #FDEBDE;
  --color-light-nude: #FAECE6;

  /* --- TEXT COLORS --- */
  --color-text-primary: #111111;
  --color-text-secondary: #5B5B5B;
  --color-text-muted: #8B8B8B;
  --color-border: #EBEBEB;

  /* --- CATEGORY ACCENTS --- */
  --color-cat-gel-polish: #FF6B6B;
  --color-cat-acrylic: #F5C8A5;
  --color-cat-tools: #A8A8A8;
  --color-cat-care: #FFD1B8;
  --color-cat-equipment: #BEE893;
  --color-cat-sale: #F04B43;

  /* --- BRAND GRADIENTS --- */
  --gradient-primary: linear-gradient(135deg, var(--color-coral-red) 0%, var(--color-peach-orange) 100%);
  --gradient-bg: linear-gradient(180deg, var(--color-warm-ivory) 0%, #FDF3EF 100%);
  --gradient-card: linear-gradient(180deg, var(--color-pure-white) 0%, var(--color-warm-ivory) 100%);

  /* --- TYPOGRAPHY (OUTFIT & HELVETICA NEUE) --- */
  --font-family: 'Outfit', "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --line-height-heading: 1.2;
  --line-height-body: 1.6;

  /* --- SPACING SYSTEM (8PT GRID) --- */
  --space-xs: 4px;
  --space-s: 8px;
  --space-sm: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 64px;
  --space-xxxl: 80px;

  /* --- SHADOW SYSTEM --- */
  --shadow-soft: 0 8px 24px rgba(240, 75, 67, 0.08);
  --shadow-medium: 0 20px 48px rgba(240, 75, 67, 0.12);
  --shadow-floating: 0 30px 80px rgba(240, 75, 67, 0.16);

  /* --- TRANSITIONS --- */
  --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-fast: all 0.15s ease-in-out;
}