@import "../node_modules/bulma/sass/utilities/functions.sass";

//brand colors
$nexi-white: #f8fafb; // Made up
$nexi-lighter-black: #353535; // Made up
$nexi-black: #181818;
$nexi-lighter-red: #9d7c7b; // Made up
$nexi-red: #EB312E;
$nexi-darker-red: #EB302D; // Made up
$nexi-grey: #E4E4E4;
$nexi-darker-grey: #D2D2D2;
$nexi-green: #36EA7B;
$nexi-cyan: #36E9EA;
$nexi-purple: #A625EA;
$nexi-orange: #F17C25;
$nexi-darker-orange: #F44336;
$nexi-yellow: #FFC107;

$custom-colors: (
        "nexi-white": ($nexi-white, $nexi-black),
        "nexi-lighter-black": ($nexi-lighter-black, findColorInvert($nexi-lighter-black)),
        "nexi-black": ($nexi-black, $nexi-white),
        "nexi-lighter-red": ($nexi-lighter-red, findColorInvert($nexi-lighter-red)),
        "nexi-red": ($nexi-red, findColorInvert($nexi-red)),
        "nexi-darker-red": ($nexi-darker-red, findColorInvert($nexi-darker-red)),
        "nexi-grey": ($nexi-grey, findColorInvert($nexi-grey)),
        "nexi-darker-grey": ($nexi-darker-grey, findColorInvert($nexi-darker-grey)),
        "nexi-green": ($nexi-green, findColorInvert($nexi-green)),
        "nexi-cyan": ($nexi-cyan, findColorInvert($nexi-cyan)),
        "nexi-purple": ($nexi-purple, findColorInvert($nexi-purple)),
        "nexi-orange": ($nexi-orange, findColorInvert($nexi-orange)),
        "nexi-darker-orange": ($nexi-darker-orange, findColorInvert($nexi-darker-orange)),
        "nexi-yellow": ($nexi-yellow, findColorInvert($nexi-yellow)),
);

// Used for texts etc.
$grey: $nexi-lighter-black;
$grey-dark: $nexi-black;

// https://github.com/jgthms/bulma/blob/master/sass/utilities/initial-variables.sass
$orange: $nexi-orange;
$yellow: $nexi-yellow;
$green: $nexi-green;
//$turquoise:    hsl(171, 100%, 41%) !default
$cyan: $nexi-cyan;
//$blue:         hsl(229, 53%,  53%) !default
$purple: $nexi-purple;
$red: $nexi-red;

// https://github.com/jgthms/bulma/blob/master/sass/utilities/derived-variables.sass
$primary: $nexi-black;
$primary-invert: $nexi-white;

//$info: $cyan;
//$success: $green;
//$warning: $yellow;
//$danger: $red;

$border: $nexi-darker-grey;
$border-hover: $nexi-darker-red;
$border-light: $nexi-lighter-red;
$border-light-hover: $nexi-grey;

$link: $nexi-red;
//$link-hover: $grey-darker !default
//$link-hover-border: $grey-light !default

//$link-focus: $grey-darker !default
$link-focus-border: $nexi-darker-red;

//$link-active: $grey-darker !default
//$link-active-border: $grey-dark !default