/* ---------------------------------------
		Import library files
--------------------------------------- */
@use "sass:color";
@import "mixins"; // Basic functions that compile into CSS
@import "functions"; // Functions that return a value (e.g. a value of a CSS property)
@import "customer-override";
@import "colors";
@import "configuration";
@import "variables";

// Custom color sets
$material-design-colors-light: (
    material-design-default-background-color: $color-neutral-100, 
    material-design-default-label-color: $color-neutral-50,
    material-design-default-border-color: $color-neutral-90,
    material-design-hover-background-color: $color-primary-tone-5,
    material-design-focus-background-color: $color-neutral-100, 
    material-design-disabled-background-color: $color-neutral-95,
    material-design-disabled-border-color: $color-neutral-70,
    material-design-disabled-label-color: $color-neutral-50,
    material-design-disabled-text-color: $color-neutral-30,
    material-design-read-only-background-color: $color-neutral-95,
    material-design-read-only-border-color: $color-neutral-70,
    material-design-read-only-label-color: $color-neutral-50,
    material-design-read-only-text-color: $text-color-default,
    material-design-icon-tooltip-color: $color-neutral-80,
    material-design-box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 10px
); 

$material-design-colors-dark: (
    material-design-default-background-color: $color-neutral-5,
    material-design-default-label-color: $color-neutral-50,
    material-design-default-border-color: $color-neutral-30,
    material-design-hover-background-color: $color-neutral-15,
    material-design-focus-background-color: $color-neutral-5,
    material-design-disabled-background-color: $color-neutral-25,
    material-design-disabled-border-color: $color-neutral-30,
    material-design-disabled-label-color: $color-neutral-40,
    material-design-disabled-text-color: $color-neutral-70,
    material-design-read-only-background-color: $color-neutral-25,
    material-design-read-only-border-color: $color-neutral-30,
    material-design-read-only-label-color: $color-neutral-70,
    material-design-read-only-text-color: $text-color-default,
    material-design-icon-tooltip-color: $color-neutral-30,
    material-design-box-shadow: none //rgba(155, 155, 155, 0.04) 0px 0px 10px
);

// Variables
$material-design-default-background-color: custom-color(material-design-default-background-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-default-border-color: custom-color(material-design-default-border-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-default-label-color: custom-color(material-design-default-label-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-hover-background-color: custom-color(material-design-hover-background-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-hover-border-color: $global-border-color;
$material-design-focus-background-color: custom-color(material-design-focus-background-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-focus-border-color: $color-primary;
$material-design-focus-label-color: $color-primary;
$material-design-focus-label-font-size: $font-size-small;
$material-design-focus-text-color: $text-color-default;
$material-design-focus-font-size: $font-size-base;
$material-design-disabled-background-color: custom-color(material-design-disabled-background-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-disabled-border-color: custom-color(material-design-disabled-border-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-disabled-label-color: custom-color(material-design-disabled-label-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-disabled-text-color: custom-color(material-design-disabled-text-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-read-only-background-color: custom-color(material-design-read-only-background-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-read-only-border-color: custom-color(material-design-read-only-border-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-read-only-label-color: custom-color(material-design-read-only-label-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-read-only-text-color: custom-color(material-design-read-only-text-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-checkbox-selected-color: $color-primary;
$material-design-error-color: #d5473c;
$material-design-default-label-font-size: $font-size-base;
$material-design-icon-color: $text-color-default;
$material-design-icon-tooltip-color: custom-color(material-design-icon-tooltip-color, $material-design-colors-light, $material-design-colors-dark);
$material-design-border-radius: 5px 5px 0 0;
$material-design-border-radius-single: 5px;
$material-design-width: 100%;
$material-design-height: 56px;
$material-design-height-compact: 42px;
$material-design-icon-size: 22px;
$material-design-icon-tooltip-size: 18px;
$material-design-icon-padding: $padding-default;
$material-design-end-icon-padding: 9px; // 9px because the icon itself is 22 pixels and if you add the left and right padding the total is 40px
$material-design-icon-total-padding: calc($material-design-icon-size + $material-design-icon-padding + $material-design-icon-padding);
$material-design-end-icon-total-padding: calc($material-design-icon-size + $material-design-end-icon-padding + $material-design-end-icon-padding);
$material-design-scale-factor-label: 0.85; // When font-size is 14 label should scale to ~12
$material-design-box-shadow: custom-color(material-design-box-shadow, $material-design-colors-light, $material-design-colors-dark);
//$material-design-box-shadow: none;