Variables

variables.css

:root {
  --color-secondary: #5c1c93;
  --color-alert: #fafa4d;
  --color-black: black;
  --color-black2: #1a1a1a;
  --color-white: white;
  --color-grey-1: #141414;
  --color-grey-2: #4b4b4b;
  --color-grey-3: #adadad;
  --color-grey-4: #5a5a5a;
  
  --color-shelf-season: #00fe9d;
  --color-shelf-special: #e2cc2f;
  --color-shelf-regular: var(--color-white);
  
  --color-text-primary: white;
  --color-text-secondary: #cacaca;
  --color-text-tertiary: #838383;
  --color-text-disable: #646464;
  --color-text-inverse: #1a1a1a;
  
    /* Spacing */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-xxxl: 64px;
}