@use "./palette";

$primary-lighter: palette.$cyan-50 !default;
$primary-light: palette.$cyan-300 !default;
$primary: palette.$cyan-500 !default;
$primary-dark: palette.$cyan-700 !default;
$primary-darker: palette.$cyan-900 !default;

$secondary-lighter: palette.$blue-gray-50 !default;
$secondary-light: palette.$blue-gray-300 !default;
$secondary: palette.$blue-gray-500 !default;
$secondary-dark: palette.$blue-gray-700 !default;
$secondary-darker: palette.$blue-gray-900 !default;

$shade-light: palette.$gray-50 !default;
$shade: palette.$gray-100 !default;
$shade-dark: palette.$gray-300 !default;

$night-light: palette.$gray-700 !default;
$night: palette.$gray-800 !default;
$night-dark: palette.$gray-900 !default;

$info-lighter: palette.$light-blue-50 !default;
$info-light: palette.$light-blue-300 !default;
$info: palette.$light-blue-500 !default;
$info-dark: palette.$light-blue-700 !default;
$info-darker: palette.$light-blue-900 !default;

$success-lighter: palette.$green-50 !default;
$success-light: palette.$green-300 !default;
$success: palette.$green-500 !default;
$success-dark: palette.$green-700 !default;
$success-darker: palette.$green-900 !default;

$caution-lighter: palette.$orange-50 !default;
$caution-light: palette.$orange-300 !default;
$caution: palette.$orange-500 !default;
$caution-dark: palette.$deep-orange-700 !default;
$caution-darker: palette.$deep-orange-900 !default;

$danger-lighter: palette.$red-50 !default;
$danger-light: palette.$red-300 !default;
$danger: palette.$red-500 !default;
$danger-dark: palette.$red-700 !default;
$danger-darker: palette.$red-900 !default;

$color: $night-dark !default;
$color-subtle: palette.$gray-500 !default;

$color-invert: palette.$white !default;
$color-invert-subtle: rgba(palette.$white, 0.6) !default;

$border-color-light: rgba(palette.$black, 0.05) !default;
$border-color: rgba(palette.$black, 0.1) !default;
$border-color-dark: rgba(palette.$black, 0.2) !default;
$border-color-darker: rgba(palette.$black, 0.5) !default;

$border-color-invert-light: rgba(palette.$white, 0.05) !default;
$border-color-invert: rgba(palette.$white, 0.1) !default;
$border-color-invert-dark: rgba(palette.$white, 0.2) !default;
$border-color-invert-darker: rgba(palette.$white, 0.5) !default;

$box-shadow-color: palette.$gray-900 !default;