// BRAND COLORS
$color-brand-primary: #1c64ff !default;
$color-brand-secondary: #1c64ff !default;
$color-brand-background: #fafbfc !default;
$color-brand-green: #36b54d !default;
$color-brand-yellow: #fcc419 !default;

$color-brand-lighter: white !default;
$color-brand-darker: black !default;
$color-brand-button: rgb(171, 171, 171) !default;
@if contrast-ratio($color-brand-secondary, white)
  > contrast-ratio($color-brand-primary, white)  {
  $color-brand-lighter: $color-brand-primary;
  $color-brand-darker: $color-brand-secondary;
  $color-brand-button: $color-brand-secondary;
} @else {
  $color-brand-lighter: $color-brand-secondary;
  $color-brand-darker: $color-brand-primary;
  $color-brand-button: $color-brand-primary;
}

// TEXT COLORS
$color-text-01: hsl(210, 20%, 20%) !default;
$color-text-02: hsl(210, 10%, 40%) !default;
$color-text-03: hsl(210, 5%, 60%) !default;

// ACTION COLORS
$color-action-success: #3eba52 !default;
$color-action-error: #e03131 !default;
$color-action-warning: #eeb70e !default;
$color-action-info: #427df1 !default;

// UI COLORS
$color-ui-transparent: transparent;
$color-ui-lighter: #fff !default;
$color-ui-darker: #000 !default;