:root {
  --color-primary: #3c3c3c;
  --color-primary-lighter30: #767676;
  --color-primary-lighter60: #b1b1b1;
  --color-primary-lighter90: #ebebeb;
  --color-primary-lighter99: #fdfdfd;
  --color-primary-darker30: #2a2a2a;
  --color-primary-darker60: #181818;
  --color-primary-darker90: #060606;
  --color-primary-transparent: #3c3c3ca8;
  
  --color-primary-highlight: #6a4564;
  --color-primary-highlight-lighter30: #a3719a;
  --color-primary-highlight-lighter60: #caaec6;
  --color-primary-highlight-lighter90: #f2ebf1;
  --color-primary-highlight-lighter99: #fefdfe;
  --color-primary-highlight-darker30: #4a3046;
  --color-primary-highlight-darker60: #2a1c28;
  --color-primary-highlight-darker90: #0b070a;
  --color-primary-highlight-transparent: #6a4564a8;
  
  --color-secondary: #f00065;
  --color-secondary-lighter30: #ff4292;
  --color-secondary-lighter60: #ff93c0;
  --color-secondary-lighter90: #ffe4ef;
  --color-secondary-lighter99: #fffcfd;
  --color-secondary-darker30: #a80047;
  --color-secondary-darker60: #600028;
  --color-secondary-darker90: #18000a;
  --color-secondary-transparent: #f00065a8;
  
}