משתני CSS מומלצים

:root {
  /* Celadon (Green) */
  --celadon-lighter: #E8F3DC;
  --celadon-light: #D4E8BD;
  --celadon: #BBDB9B;
  --celadon-dark: #A3C882;
  --celadon-darker: #8AB56A;

  /* Rosewood (Pink-Red) */
  --rosewood-lighter: #FDF2F6;
  --rosewood-light: #F5C6D8;
  --rosewood: #CA054D;
  --rosewood-dark: #A30440;
  --rosewood-darker: #7C0331;

  /* Dusty Olive (Olive Green) */
  --dusty-olive-lighter: #E5EBE3;
  --dusty-olive-light: #9DAA97;
  --dusty-olive: #5B7553;
  --dusty-olive-dark: #485D42;
  --dusty-olive-darker: #354531;

  /* Almond Silk (Peach) */
  --almond-silk-lighter: #FEF3F2;
  --almond-silk-light: #F5DDD3;
  --almond-silk: #E3B5A4;
  --almond-silk-dark: #D39B87;
  --almond-silk-darker: #C3816A;

  /* Coffee Bean (Dark Brown) */
  --coffee-bean-lighter: #6B7280;
  --coffee-bean-light: #4B5563;
  --coffee-bean: #18020C;
  --coffee-bean-dark: #0F0108;
  --coffee-bean-darker: #000000;
}