@import "/UI/Core/Styles/Theme.scss";

// Override these tokens to define alternate skins without changing component logic.
$ui-font-family: $font-family-ui !default;
$ui-font-family-display: $font-family-display !default;
$ui-font-family-icon: $font-family-icon !default;

$ui-color-text: $text-color !default;
$ui-color-text-muted: rgba( $text-color, 0.72 ) !default;
$ui-color-panel: $widget-color !default;
$ui-color-panel-strong: $widget-color-dark !default;
$ui-color-border: $border !default;
$ui-color-accent: $traitor-red !default;
$ui-color-success: $green !default;
$ui-color-warning: $warning-orange !default;
$ui-color-danger: $red !default;
$ui-color-overlay: rgba( black, 0.55 ) !default;

$ui-radius-sm: 4px !default;
$ui-radius-md: 8px !default;
$ui-radius-lg: 12px !default;

$ui-space-xs: 4px !default;
$ui-space-sm: 8px !default;
$ui-space-md: 12px !default;
$ui-space-lg: 16px !default;
$ui-space-xl: 24px !default;

$ui-shadow: 0px 6px 18px rgba( 0, 0, 0, 0.35 ) !default;
$ui-backdrop: $widget-backdrop-filter !default;
$ui-backdrop-dark: $widget-shadow-dark !default;

$ui-transition-fast: $motion-fast !default;
$ui-transition-normal: $motion-normal !default;