/* W3  (final palette, exact hexes) */
:root {
  /* BackGrounds and Texts */
  --w3-lighter:    #F5F5F5;
  --w3-light:      #EBEBEB;
  --w3-dark:       #2A2A2A;
  --w3-darker:     #1F1F1F;
  --w3-highlight:  #FFF5E6;

  /* borders */
  --w3-black:      #111111;
  --w3-mid:        #BEBEBE;
  --w3-white:      #FFFFFF;

  /* Fresh (greens) */
  --w3-fresh-1:    #7ED957;
  --w3-fresh-2:    #1A801A;

  /* Warm (orange/red) */
  --w3-warm-1:     #FF914D;
  --w3-warm-2:     #E12828; /* also used for error/destructive */
}