@use 'sass:math';
// Body
$body-bg: #f8fafc;

// Typography
//$font-family-sans-serif: 'Nunito', sans-serif;
$poppins: 'Poppins', sans-serif;
$ibm: 'IBM Plex Sans', sans-serif;
$open: "Open Sans", sans-serif;

// Colors
$blue: #3490dc;
$indigo: #6574cd;
$purple: #9561e2;
$pink: #f66d9b;
$red: #e3342f;
$orange: #f6993f;
$yellow: #ffed4a;
$green: #38c172;
$teal: #4dc0b5;
$cyan: #6cb2eb;
$white: #ffffff;
$grey: #9C9EB2;
$black: #000000;

//custom colors
$call-title-color: #041779;
$text-color-active: #015BFA;
$background-color-blue: #015BFA;
$text-color-light-blue: #337BF9;
$text-color-inactive: #464646;
$text-color-regular-gray: #7e7e7e;


//custom extra colours
$custom-orange: #f96a15;
$custom-light-green: #5bc904;
$custom-dark-blue: #114f94;
$custom-light-grey: #e8ebde;

//custom colors for a href
$addcolorbutton: #00c377;
$ahreflinkcolor:white;
$roledanger: #e3342f;
$roleprimary: #3490dc;

@mixin main-btn($py, $px, $font-size, $line-height, $color: #015BFA) {
    $b-radius: math.div($py + $py + $line-height, 2);
    white-space: nowrap;
    & a {
        padding: $py $px;
        font-size: $font-size;
        line-height: $line-height;
        color: #FFFFFF;
        border-radius: $b-radius;
        background-color: $color;
        text-decoration: none;
        box-shadow: 0 3px 6px #3f98fc;
    }
}