$persian: #6200F5;

:root {
  --ifm-color-primary: #5a17ee;
  --ifm-color-primary-dark: rgb(33, 175, 144);
  --ifm-color-primary-darker: rgb(31, 165, 136);
  --ifm-color-primary-darkest: rgb(26, 136, 112);
  --ifm-color-primary-light: rgb(70, 203, 174);
  --ifm-color-primary-lighter: rgb(102, 212, 189);
  --ifm-color-primary-lightest: rgb(146, 224, 208);

  /* CUSTOM */
  --global-border-color: #ddd;
  --global-border-radius: 4px;
  --global-border-width: 2px;
}

$colors: (
  'gray': (
    #222222,
    #545454,
    #858585,
    #B7B7B7,
    #E9E9E9,
  ),
);

$themes: (
  base: (
    fg: base-black,
    bg: base-white,
    link: baz,
  )
);

@function color($c...) {
  @return map-get($colors, $c...);
}

@function color-var($var, $opacity: 1) {
  @return rgb(var(#{$var}), $opacity);
}