@forward 'variables/colors';
@forward 'variables/spacing';
@forward 'variables/typography';

@use 'variables/colors' as *;
@use 'variables/spacing' as *;
@use 'variables/typography' as *;

// Border

$lume-border-width: 1px !default;
$lume-border-style: solid !default;
$lume-border-color: $lume-color-neutral-40 !default;
$lume-border-radius-4: 4px !default;
$lume-border-radius-8: 8px !default;
$lume-border: $lume-border-width $lume-border-style $lume-border-color !default;

// Box-shadow

$lume-box-shadow: 0 $lume-spacing-8 $lume-spacing-16
  rgba($lume-color-black, 0.1) !default;

// Transition

$lume-transition-time-short: 0.1s !default;
$lume-transition-time-medium: 0.2s !default;
$lume-transition-time-long: 0.3s !default;
$lume-transition-time-full: 1s !default;