/* 🛑 STOP!
  Do not change this file directly.
  Modify colors in color-tokens.js
 */

$color-primary: rebeccapurple !default;
$color-on-primary: #CEB3E9 !default;
$color-secondary: rgb(95, 165, 26) !default;
$color-on-secondary: rgb(17, 52, 0) !default;
$color-tertiary: hsl(245, 70%, 30%) !default;
$color-on-tertiary: hsl(245, 45%, 68.6%) !default;
$color-surface: #f9f9f9 !default;
$color-on-surface: #494848 !default;

$base-color-tokens: ("primary", "secondary", "tertiary", "surface");

$color-tokens: (
  "color-primary": $color-primary,
  "color-on-primary": $color-on-primary,
  "color-secondary": $color-secondary,
  "color-on-secondary": $color-on-secondary,
  "color-tertiary": $color-tertiary,
  "color-on-tertiary": $color-on-tertiary,
  "color-surface": $color-surface,
  "color-on-surface": $color-on-surface
) !default;

@mixin color-tokens() {
  --color-primary: #{$color-primary};
  --color-on-primary: #{$color-on-primary};
  --color-secondary: #{$color-secondary};
  --color-on-secondary: #{$color-on-secondary};
  --color-tertiary: #{$color-tertiary};
  --color-on-tertiary: #{$color-on-tertiary};
  --color-surface: #{$color-surface};
  --color-on-surface: #{$color-on-surface};
}