@use "sass:color";

/*
 * The terms of the VCL default theme.
 *
 * Terms are colors, font faces etc.
 * Typically these terms are derived from CI or design
 * stipulations like a color palette in a style guide.
 */
/* Colors */
$black: black !default;
$white: white !default;

// Enable dark mode for the theme. Set to true to switch the theme to
// a dark color mapping (text becomes light, backgrounds become dark).
$theme-dark: false !default;

// Font color for theme, auto-adjusts for dark mode
$font-color-theme: if($theme-dark, $white, $black) !default;

/* Grays */
$gray-dark-5: rgb(27, 27, 27) !default;
$gray-dark-4: rgb(38, 38, 38) !default;
$gray-dark-3: rgb(48, 48, 48) !default;
$gray-dark-2: rgb(71, 71, 71) !default;
$gray-dark-1: rgb(106, 106, 106) !default;
$gray: rgb(119, 119, 119) !default;
$gray-light-1: rgb(152, 152, 152) !default;
$gray-light-2: rgb(185, 185, 185) !default;
$gray-light-3: rgb(221, 221, 221) !default;
$gray-light-4: rgb(232, 232, 232) !default;
$gray-light-5: rgb(241, 241, 241) !default;
$gray-light-6: rgb(249, 249, 249) !default;

/* Brand Accent Colors */
$brand-accent-darker: #005f84 !default;
$brand-accent-dark: #0888bf !default;
$brand-accent: #00adef !default;
$brand-accent-light: #96dcfa !default;
$brand-accent-lighter: #bfe5f5 !default;
$brand-accent-overlay: hsla(197, 100%, 47%, 0.4) !default;

/* Semantic Brand Colors */
$brand-primary: #428bca !default;
$brand-success: #5cb85c !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
$brand-danger: #d9534f !default;

/* Shadows, transparencies etc. */
$glass-1: color.adjust($black, $alpha: -0.7) !default;
$glass-2: color.adjust($black, $alpha: -0.85) !default;

/* Semantic Colors */
$emphasized-dark-color: color.adjust($brand-primary, $lightness: -25%) !default;
$emphasized-medium-color: $brand-primary !default;
$emphasized-light-color: color.adjust($brand-primary, $lightness: 30%) !default;

$primary-dark-color: $black !default;
$primary-medium-color: $gray-dark-2 !default;
$primary-light-color: $white !default;

$success-dark-color:  color.adjust($brand-success, $lightness: -25%) !default;
$success-medium-color: $brand-success !default;
$success-light-color: color.adjust($brand-success, $lightness: 30%) !default;

$info-dark-color: color.adjust($brand-info, $lightness: -25%) !default;
$info-medium-color: $brand-info !default;
$info-light-color: color.adjust($brand-info, $lightness: 30%) !default;

$warning-dark-color: color.adjust($brand-warning, $lightness: -25%) !default;
$warning-medium-color: $brand-warning !default;
$warning-light-color: color.adjust($brand-warning, $lightness: 30%) !default;

$error-dark-color: color.adjust($brand-danger, $lightness: -25%) !default;
$error-medium-color: $brand-danger !default;
$error-light-color: color.adjust($brand-danger, $lightness: 30%) !default;

$danger-dark-color: color.adjust($brand-danger, $lightness: -25%) !default;
$danger-medium-color: $brand-danger !default;
$danger-light-color: color.adjust($brand-danger, $lightness: 30%) !default;

// $navigation-heading-color: $font-color-theme !default;
// $navigation-item-1st-level-color: $font-color-theme !default;
// $navigation-item-disabled-color: color.adjust($font-color-theme, $lightness: -40%) !default;
// $navigation-item-1st-level-selected-bg-color: if($theme-dark, $gray-dark-3, $gray-light-3) !default;

/* Fonts
 * ===== */
$font-family-theme: system-ui, -apple-system, 'Segoe UI', Roboto,
  'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
$font-family-serif-theme: Georgia, 'Times New Roman', Times, serif !default;
$font-family-monospace-theme: SFMono-Regular, Menlo, Monaco, Consolas,
  'Liberation Mono', 'Courier New', monospace !default;