// This file defines variables only used by our components internally.
// ---
// It was separated from the _variables.scss entry point because _variables.scss exports
// the _mixins/_variables.scss file, but _mixins/_variables.scss imports _variables.scss,
// creating a circular reference. The circular reference is resolved by
// _mixins/_variables.scss importing this file instead.

@use '_public-api/variables' as *;

$sky-border-radius: 3px;

$sky-form-border-and-color-transitions:
  border-color 150ms,
  box-shadow 150ms,
  color 150ms;

// begin color palette
$sky-palette-multi: (
  scale-color($sky-color-blue-50, $lightness: 8%),
  scale-color($sky-color-yellow-50, $lightness: 12%),
  scale-color($sky-color-green-50, $lightness: 8%),
  scale-color($sky-color-purple-50, $lightness: 26%, $saturation: -30%),
  scale-color($sky-color-teal-50, $lightness: 8%),
  scale-color($sky-color-red-50, $lightness: 12%),
  scale-color($sky-color-gray-70, $lightness: 28%),
  scale-color($sky-color-blue-50, $lightness: 48%),
  scale-color($sky-color-yellow-50, $lightness: 42%),
  scale-color($sky-color-green-50, $lightness: 48%),
  scale-color($sky-color-purple-50, $lightness: 56%, $saturation: -30%),
  scale-color($sky-color-teal-50, $lightness: 48%),
  scale-color($sky-color-red-50, $lightness: 42%),
  scale-color($sky-color-gray-70, $lightness: 48%)
);

$sky-palette-mono: (
  scale-color($sky-color-blue-50, $lightness: -25%),
  $sky-color-blue-50,
  scale-color($sky-color-blue-50, $lightness: 25%),
  scale-color($sky-color-blue-50, $lightness: 50%),
  scale-color($sky-color-blue-50, $lightness: 75%)
);
// end color palette

// Support for mozilla in experimental css3 properties (-moz).
$sky-experimental-support-for-mozilla: true !default;
// Support for webkit in experimental css3 properties (-webkit).
$sky-experimental-support-for-webkit: true !default;
// Support for opera in experimental css3 properties (-o).
$sky-experimental-support-for-opera: true !default;
// Support for microsoft in experimental css3 properties (-ms).
$sky-experimental-support-for-microsoft: true !default;
// Support for khtml in experimental css3 properties (-khtml).
$sky-experimental-support-for-khtml: false !default;

// form control styling
$sky-switch-size: 22px !default;
$sky-switch-size-modern: 26px !default;
$sky-switch-margin: 5px !default;
