//
// Variables
// --------------------------------------------------

//== Colors

$primary-color: #ffffff;
$secondary-color: rgba(42, 147, 216, 0.6);
$tertiary-color: #FF7200;
$quaternary-color: #0c3083;
$pentanery-color: #0B3082;

$primary-bg: #2A93D8;
$secondary-bg: #0c3083;
$tertiary-bg: #CDECFA;
$quaternary-bg: #c737a2;
$pentanery-bg: #ebf6fb;

$btn-hover-color: $tertiary-color;

$gradient-hero-blue: linear-gradient(180deg, transparent, #ffffff 75%);

//== Typography

$font-family-geomanist: 'Geomanist', sans-serif;

$font-family-primary: $font-family-geomanist;
$font-family-secondary: $font-family-geomanist;
$font-family-tertiary: $font-family-geomanist;


$border-radius-card: 8px;
//
$fifth-color: #1e6bb6; // simillar to sec color with out alpha
$tab1-color: $secondary-color;
$tab2-color: $tertiary-color;
$matchbox: $secondary-color;

$icon-filter: brightness(0) saturate(100%) invert(16%) sepia(58%) saturate(3349%) hue-rotate(216deg) brightness(81%) contrast(101%);
$icon-filter-2: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(429%) hue-rotate(168deg) brightness(90%) contrast(106%); //new