// ============================================================================
// :: Colors
// ============================================================================
/**
 * These are the globally defined colors that are being used in the brandplatform
 * styling. The source of the colors is defined in src/scss/general/settings/
 * _colors.scss.
 */

// Primary colors
$bp-primary-color: $primary-color-base;

// Secondary colors
$bp-secondary-color: $secondary-color-base;

// Text colors
$bp-text-color-base: $text-color-base;
$bp-text-color-light: $text-color-white;
$bp-text-color-dark: $text-color-black;
$bp-text-color-medium: $text-color-2x-light;
$bp-text-color-secondary: $secondary-color-base;

// Background colors
$bp-background-color-base: $background-color-white;
$bp-background-color-dark: $background-color-dark;
$bp-background-color-medium: $background-color-light;
$bp-background-color-medium-light: $background-color-base;
$bp-background-color-medium-dark: $background-color-disabled;

// Border colors
$bp-border-color-base: rgba($border-color-1x-light, 0.7);