// these must also be set in vuetify.js for the "theme"
// see src/plugins/vuetify.js esp. makeColors()
@use 'sass:color';

// OFFICIAL DEXORDER PALETTE
$green:  #35D721;
$red:    #DD1A10;
$yellow: #FFDE00;
$orange: #F58A00;
$blue:   #1666EB;
$gray:   #969696;
$purple: #892ABF;
$white:  #FFFFFF;
$black:  #000000;

$arbitrum-color: #12aaff;
$uniswap-color: #ff007a;

$primary: $green;
$primary-50: color.adjust($primary, $alpha: -0.5);
$primary-25: color.adjust($primary, $alpha: -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,
        uniswap: $uniswap-color,
);

$body-font-family: 'Saira Semi Condensed', monospace, sans-serif; // fairly geometric, horizontal s's, clean sans, readable
//$body-font-family: 'Exo 2', monospace, sans-serif; // good, works with Orbitron. angular, a little weird
//$body-font-family: 'Jura', monospace, sans-serif; // interesting numbers, zero dot. l-foot but the s is too twisty with light serifs. Very thin.
//$body-font-family: 'Manrope', monospace, sans-serif; // readable, clean, works with Orbitron
//$body-font-family: 'Victor Mono', monospace, sans-serif;
//$body-font-family: 'Space Grotesk', monospace, sans-serif; // silly serifs on caps
//$body-font-family: 'Rajdhani', monospace, sans-serif; // very thin a little hard to read
//$body-font-family: 'Dosis', monospace, sans-serif; // a little informal, to Dilbert-y
//$body-font-family: 'PT Sans', monospace, sans-serif; // not bad but numbers are too seriffy
//$body-font-family: 'Cairo', monospace, sans-serif; // number baseline is jagged
//$body-font-family: 'Nunito', monospace, sans-serif;
//$body-font-family: 'Sofia Sans', monospace, sans-serif;
//$body-font-family: 'Quantico', sans-serif; // too "digital display"
//$body-font-family: 'Chakra Petch', sans-serif; // octagonal
//$heading-font-family: 'Tektur', sans-serif;
$heading-font-family: 'Orbitron', sans-serif;
//$heading-font-family: 'Exo 2', sans-serif;
//$heading-font-family: 'Quantico', sans-serif;
//$heading-font-family: 'Chakra Petch', sans-serif;

$card-maxw: 34em;
