// Blue shades
$blue1: #001F33; // Deepest Blue
$blue2: #003355; // Dark Blue
$blue3: #004C77; // Medium Blue
$blue4: #006DA9; // Lighter Blue
$blue5: #0090DB; // Light Blue
$blue6: #9DCAFB; // Lightest Blue (almost Sky Blue)

// White shades
$white0: #EAE5E1; // Darkest White
$white1: #F1EFE9; // Muted White
$white2: #F7F4F0; // Off White
$white3: #FCFAF7; // Light White
$white4: #FEFDFB; // Softer White
$white5: #FFFFFF; // Pure White
$white6: #F8F7F2; // Creamy White

// Orange shades
$orange1: #993D00; // Deepest Orange
$orange2: #CC5D00; // Darker Orange
$orange3: #FF7D00; // Dark Orange
$orange4: #FFA334; // Medium Orange
$orange5: #FFCA68; // Light Orange
$orange6: #FFA800; // Your Secondary Font Color

// Adjusting your variables using the new color set:
$secondary-font-color: $orange6;
$background-primary: $white1;
$background-primary-off: $white0;
$background-secondary: $blue2;
$border-color: $blue3;
$placeholder-color: $blue5;
$section-element-bg: $blue3;
$card-border: $blue4;
$value-color: $white5;

// FONT COLOURS

$font-color-primary: $blue2;
$font-color-primary2: $blue3;
$font-color-secondary: $orange3;
$font-color-secondary2: $orange4;
$font-color-header-primary: $blue1;
$font-color-header-secondary: $orange4;

// SIDEBAR AND HEADING RELATED COLORS
$heading-font-color: $blue6;
$sidebar-font-color: $blue5;
$sidebar-font-color-active: $blue5;
$sidebar-background-color: $blue3;
$sidebar-background-color-active: $blue1;


$insight-background-color: $white6;
$insight-value-primary-color: $blue2;
$insight-value-secondary-color: $white5;

$plot-background-color-secondary: $blue2;
$plot-background-color-primary: $white1;

$plot-font-color-primary: $blue2;
$plot-font-color-secondary: $orange6;

$roboto-font-settings: (
    'font-family': 'Roboto',
    'font-style': normal,
    'font-weight': 400
);

$theme-color-1: #00B6BD; //blue
$theme-color-2: #FFB700; //yellow orange
$theme-color-3: #FF8000; //orange
$theme-color-4: #D65477; //salmon pink

$explanations-font-size: 1rem;