/* PATH: public_html/assets/css/tokens/colors.css */
/* Yawalai brand palette — Crystal White / Mint Green / Golden / Red.
   Variable NAMES kept identical to the original set so every existing
   file (product.css, admin.css, checkout.css, slider.css) that
   references them keeps working without further edits — only the
   VALUES changed to the new brand colors. */
:root {
  --black:        #1A1F1C;
  --black-soft:   #222824;
  --black-card:   #FFFFFF;
  --black-border: #E4EFE8;
  --brown:        #1F9D6B;
  --brown-light:  #2DBE82;
  --brown-pale:   #A9E8CB;
  --white:        #FCFDFC;
  --white-dim:    #5B6660;
  --white-faint:  rgba(26,31,28,0.05);
  --ruby:         #C21F2E;
  --ruby-bright:  #E52B3D;
  --ruby-glow:    rgba(194,31,46,0.16);
  --gold:         #D4A017;
  --gold-bright:  #F0BC2E;
  --gold-pale:    #F7DE8C;
  --gold-glow:    rgba(212,160,23,0.16);
  --green-africa: #1F9D6B;

  --glass-dark:   rgba(26,31,28,0.72);
  --glass-light:  rgba(252,253,252,0.88);
  --glass-blur:   blur(28px) saturate(160%);
}