@use 'sass:color';

// HELPER COLORS
$color-black: #000 !default;
$color-white: #fff !default;
$color-lightgray: #d8d8d8 !default;
$color-gray: #afb0b1 !default;
$color-light: #f1f2f3 !default;
$color-dark: #25074f !default;
$color-dark-2: #370d74 !default;
$color-red: #e02020 !default;
$color-green: #95c11e !default;

// THEME COLORS

// primary
$color-primary: #347bfc !default;
$color-primary-hover: #3f62cd !default;
$color-primary-gradient-1: #3f49cd !default;
$color-primary-gradient-2: #53adfe !default;

// secondary
$color-secondary: #e454af !default;
$color-secondary-hover: #b73fcc !default;
$color-secondary-gradient-1: #b73fcc !default;
$color-secondary-gradient-2: #fe609f !default;

// STATUSES
$color-error: $color-red !default;
$color-success: $color-green !default;

// TYPOGRAPHY
$color-text: $color-black !default;
$color-text-2: #808184 !default;
$color-text-3: #646464 !default;

// statuses
$color-info: #0af !default;
$color-success: $color-green !default;
$color-warning: #ff0 !default;
$color-error: $color-red !default;
$color-disabled: $color-gray !default;

//themes
$color-theme-dark: $color-dark !default;
$color-theme-dark-font: $color-white !default;
$color-theme-dark-hover: color.adjust($color-theme-dark, $lightness: 10%) !default;

$color-theme-light: $color-white !default;
$color-theme-light-font: $color-text !default;
$color-theme-light-hover: $color-light !default;

// elements
$color-border: #e0e0e0 !default;
$color-link: $color-primary !default;
$color-bg: $color-light !default;
$color-label: $color-primary !default;
$color-input-bg: $color-white !default;
$color-blend: rgba($color-black, 0.5) !default;
$color-hover: rgba($color-primary, 0.05) !default;
$color-hover-dark: rgba($color-primary, 0.9) !default;