// :root {
//   --primary-hue: 208;
//   --primary-saturation: 77%;
//   --primary-light: 40%;
// }
// :root {
//   --theme-mode: dark;
// }
// // primary color guides
// $primary-hue: var(--primary-hue);
// $primary-saturation: var(--primary-saturation);
// $primary-light: var(--primary-light);
// $theme-mode: var(--theme-mode);

// $primary-5: hsl($primary-hue, $primary-saturation, 95%);
// $primary-10: hsl($primary-hue, $primary-saturation, 90%);
// $primary-20: hsl($primary-hue, $primary-saturation, 80%);
// $primary-30: hsl($primary-hue, $primary-saturation, 70%);
// $primary-40: hsl($primary-hue, $primary-saturation, 60%);
// $ac-primary: hsl($primary-hue, $primary-saturation, $primary-light);
// $primary-50: hsl($primary-hue, $primary-saturation, 50%);
// $primary-60: hsl($primary-hue, $primary-saturation, 40%);
// $primary-70: hsl($primary-hue, $primary-saturation, 30%);
// $primary-80: hsl($primary-hue, $primary-saturation, 20%);
// $primary-90: hsl($primary-hue, $primary-saturation, 10%);
// $primary-93: hsl($primary-hue, $primary-saturation, 7%);
// $primary-95: hsl($primary-hue, $primary-saturation, 5%);
// $primary-97: hsl($primary-hue, $primary-saturation, 3%);

// $secondary-light-grey: hsl($primary-hue, 30%, 20%);
// $primary-dark-grey: hsl($primary-hue, 30%, 90%);

// // white and black
// $white-100: hsl($primary-hue, 50%, 5%);
// $black-100: hsl(0, 0%, 90%);

// $color-text: hsl($primary-hue, 10%, 80%);
// $color-heading: hsl($primary-hue, 10%, 90%);
// $color-label: hsl($primary-hue, 20%, 50%);
// $color-link: hsl($primary-hue, 40%, 80%);
// $color-border-light: hsl($primary-hue, 30%, 20%);
// $color-border: hsl($primary-hue, 30%, 20%);
// $color-border-dark: hsl($primary-hue, 10%, 30%);
// $color-sidebar: hsl($primary-hue, $primary-saturation, 10%);

// .ac-left-sidebar .menu-list.ac-menu-list li a {
//   color: $color-text;
// }