/*
 |--------------------------------------------------------------------------
 | Helper mixins, feel free to add/remove any that you might not use
 | Won't be rendered in the output if not used
 |--------------------------------------------------------------------------
 */
:root {
  --colorPrimary: #DF7527;
  --colorPrimaryHover: #eb8d41;
  --colorPrimaryActive: #eb8d41;
  --colorGradientPrimary: rgba(236, 147, 74, 0);
  --colorPrimaryLight: rgba(236, 147, 74, 0.09);
  --colorNavigationToggler: #fff; }
  :root body.light {
    --colorNavigationToggler: #000; }

[data-accent=blue] {
  --colorPrimary: #3595DB;
  --colorPrimaryHover: #2c90d9;
  --colorPrimaryActive: #2c90d9;
  --colorGradientPrimary: rgba(53, 149, 219, 0);
  --colorPrimaryLight: rgba(53, 149, 219, 0.09); }

[data-accent=orange] {
  --colorPrimary: #DF7527;
  --colorPrimaryHover: #db7020;
  --colorPrimaryActive: #db7020;
  --colorGradientPrimary: rgba(223, 117, 39, 0);
  --colorPrimaryLight: rgba(223, 117, 39, 0.09); }

[data-accent=green] {
  --colorPrimary: #219653;
  --colorPrimaryHover: #1f8e4e;
  --colorPrimaryActive: #1f8e4e;
  --colorGradientPrimary: rgba(33, 150, 83, 0);
  --colorPrimaryLight: rgba(33, 150, 83, 0.09); }