$gray-100: #f2f0e5 !default;
$gray-200: #d4d2d6 !default;
$gray-300: #b8b5b9 !default;
$gray-400: #868188 !default;
$gray-500: #646365 !default;
$gray-600: #45444f !default;
$gray-700: #352b42 !default;
$gray-800: #2a2330 !default;
$gray-900: #212123 !default;

$surface-shell: #212123 !default;
$surface-deep:  #352b42 !default;
$surface-mid:   #43436a !default;

$bg-0:     rgba($surface-shell, 0.82) !default;
$bg-1:     rgba($surface-deep,  0.92) !default;
$bg-2:     rgba($surface-deep,  0.70) !default;
$bg-elev:  rgba($surface-mid,   0.55) !default;
$bg-inset: rgba(#000000,        0.35) !default;

$line:        rgba($gray-100, 0.08) !default;
$line-mid:    rgba($gray-100, 0.14) !default;
$line-strong: rgba($gray-100, 0.22) !default;

$text:       $gray-100 !default;
$text-dim:   $gray-200 !default;
$text-faint: $gray-400 !default;
$text-mute:  $gray-500 !default;

$primary:        #d3a068             !default;
$primary-strong: #e0b078             !default;
$primary-soft:   rgba($primary, 0.16) !default;
$primary-line:   rgba($primary, 0.55) !default;
$primary-ink:    $gray-900           !default;

$secondary:        #43436a               !default;
$secondary-strong: #5a5a85               !default;
$secondary-soft:   rgba($secondary, 0.45) !default;
$secondary-line:   rgba($secondary, 0.65) !default;
$secondary-ink:    $gray-100             !default;

$accent:        #ede19e             !default;
$accent-strong: #f5ebb8             !default;
$accent-soft:   rgba($accent, 0.16) !default;
$accent-line:   rgba($accent, 0.55) !default;
$accent-ink:    $gray-900           !default;

$success:        #8ab060              !default;
$success-strong: #9bc070              !default;
$success-soft:   rgba($success, 0.16) !default;
$success-line:   rgba($success, 0.55) !default;
$success-ink:    $gray-900            !default;

$info:        #4b80ca           !default;
$info-strong: #5e93dd           !default;
$info-soft:   rgba($info, 0.16) !default;
$info-line:   rgba($info, 0.55) !default;
$info-ink:    $gray-100         !default;

$warning:        #d39068              !default;
$warning-strong: #e0a378              !default;
$warning-soft:   rgba($warning, 0.16) !default;
$warning-line:   rgba($warning, 0.55) !default;
$warning-ink:    $gray-900            !default;

$danger:        #b45252             !default;
$danger-strong: #c66363             !default;
$danger-soft:   rgba($danger, 0.14) !default;
$danger-line:   rgba($danger, 0.55) !default;
$danger-ink:    $gray-100           !default;

$panel-glass:        rgba($surface-deep,  0.70) !default;
$panel-glass-mid:    rgba($surface-deep,  0.55) !default;
$panel-glass-dim:    rgba($surface-deep,  0.40) !default;
$panel-glass-strong: rgba($surface-shell, 0.85) !default;

$menu-bg:         $gray-900 !default;
$menu-bg-image:   none      !default;

$border:        $line        !default;
$border-strong: $line-strong !default;
$border-danger: $danger-line !default;

$gap-section: 28px !default;
$gap-group:   20px !default;
$gap-field:   12px !default;

$transition-fast:   all 0.12s ease-out !default;
$transition-medium: all 0.22s ease-out !default;
$transition-slow:   all 0.4s  ease-out !default;

$rounding:     1px !default;
$text-shadow:  0 1px 1px rgba(#000000, 0.9) !default;
$dock-input-h: 34px !default;

@import "_Fonts.scss";