// Grays
$black: #000000;
$gray-darkest: #222222;
$gray-darker: #333333;
$gray-dark: #444444;
$gray: #666666;
$gray-light: #d6d6d6;
$gray-lighter: #ededed;
$white: #ffffff;

// Colors
$variant-colors: (
    primary: #e5287a,
    success: #4ba74b,
    warning: #fdbc41,
    danger: #ef5652,
    info: #009ee0,
);
$variant-text-colors: (
    // primary: do not use, contrast too low
    success: $gray-darkest,
    warning: $gray-darkest,
    danger: $gray-darkest,
    info: $gray-darkest,
);

$variant-color-primary: map-get($variant-colors, primary);
$variant-color-success: map-get($variant-colors, success);
$variant-color-warning: map-get($variant-colors, warning);
$variant-color-danger: map-get($variant-colors, danger);
$variant-color-info: map-get($variant-colors, info);

// Page
$page-background-color: $gray-darkest;
$page-text-color: $gray-lighter;
$page-padding: 0.5em;

// Links
$link-color: $variant-color-warning;

// Navigation
$nav-bar-background-color: $gray-darker;
$nav-link-color: $page-text-color;
$nav-link-spacing: 1.5em;

$nav-header-padding: 0.75em;
$nav-header-logo-size: 2em;
$nav-header-logo-margin: 0 0.5em 0 0;

$nav-footer-padding: 0.75em;

// Statistics
$statistics-card-height: 4.5em;
$statistics-card-margin: 0.5em;
$statistics-card-padding: 0.3em 0.5em;
$statistics-card-border-radius: 0.5em;
$statistics-card-icon-size: 4em;
$statistics-card-icon-gap: 0.15em;
$statistics-card-value-font-size: 2.5em;