// these must also be set in vuetify.ts for the "theme"

$green: #00CC33;
$red: #CC0033;
$yellow: #ffcc00;
$blue: #0033CC;
$white: #fffefd; // just a touch green
$black: #000102;

$primary: $blue;
$primary-50: transparentize($primary,0.5);
$primary-25: transparentize($primary,0.75);

$theme: (
        background: $white,
        surface: $white,
        primary: $blue,
        //secondary: $sky,
        success: $green,
        info: $primary-25,
        warning: $yellow,
        error: $red,
);

$all-colors: (
        white: $white,
        black: $black,
        blue: $blue,
        green: $green,
        yellow: $yellow,
        red: $red,
);

//$body-font-family: 'Victor Mono', monospace, sans-serif;
$body-font-family: 'Manrope', monospace, sans-serif;
//$body-font-family: 'Nunito', monospace, sans-serif;
//$body-font-family: 'Sofia Sans', monospace, sans-serif;
//$body-font-family: 'Quantico', sans-serif;
//$body-font-family: 'Chakra Petch', sans-serif;
//$heading-font-family: 'Tektur', sans-serif;
$heading-font-family: 'Orbitron', sans-serif;
//$heading-font-family: 'Quantico', sans-serif;
//$heading-font-family: 'Chakra Petch', sans-serif;

$sm-breakpoint: 600px;
$card-maxw: 30rem;