/**
* Return theme variables
*/

@function theme-variables($theme) {
    //---BASE-VARIABLES---------------------
     $primary-palette: map-get($theme, primary); 
     $accent-palette: map-get($theme, accent); 
     $warn-palette: map-get($theme, warn);
     $foreground-palette: map-get($theme, foreground);
     $background-palette: map-get($theme, background);
     $is-dark-theme: map-get($theme, is-dark);
     $fg-dark-primary-text: rgba(black, 0.87);
     $fg-light-primary-text: white;
     $fg-base: mat-color($foreground-palette, base);
     $fg-dark-secondary-text: rgba(black, 0.54);
     $fg-light-secondary-text: rgba(white, 0.7);
     $fg-dark-disabled-text: rgba(black, 0.38);
     $fg-light-disabled-text: rgba(white, 0.5);
     $fg-icon: mat-color($foreground-palette, icon);
     $bg-dark-dividers: rgba(black, 0.12);
     $bg-light-dividers: rgba(white, 0.12);
     $bg-dark-focused: rgba(black, 0.12);
     $bg-light-focused: rgba(white, 0.12);
     $bg-card: mat-color($background-palette, card);
 
     @return (
            //---01-PRIMARY---------------------
            primary-color: mat-color($primary-palette, default),
            primary-light: mat-color($primary-palette, lighter),
            primary-dark: mat-color($primary-palette, darker), 

            //---02-ACCENT----------------------
            accent-color: mat-color($accent-palette, default),
            accent-light: mat-color($accent-palette, lighter),
            accent-dark: mat-color($accent-palette, darker), 

            //---03-WARN------------------------
            warn-color: mat-color($warn-palette, default),
            warn-light: mat-color($warn-palette, lighter),
            warn-dark: mat-color($warn-palette, darker), 

            //---04-FOREGROUND------------------
            fg-base: $fg-base, //full_black or full_white
            fg-primary-text: mat-color($foreground-palette, text),
            fg-secondary-text: mat-color($foreground-palette, secondary-text),
            fg-hint-text: mat-color($foreground-palette, hint-text),
            fg-disabled: mat-color($foreground-palette, disabled),
            fg-disabled-button: mat-color($foreground-palette, disabled-button),
            fg-disabled-text: mat-color($foreground-palette, disabled-text),
            fg-divider: mat-color($foreground-palette, divider),
            fg-dividers: mat-color($foreground-palette, dividers),
            fg-elevation: mat-color($foreground-palette, elevation),
            fg-icon: $fg-icon,
            fg-icons: mat-color($foreground-palette, icons),
            fg-slider-min: mat-color($foreground-palette, slider-min),
            fg-slider-off: mat-color($foreground-palette, slider-off),
            fg-slider-off-active: mat-color($foreground-palette, slider-off-active),

            //---05-BACKGROUND------------------
            bg-color: mat-color($background-palette, background),
            bg-status-bar: mat-color($background-palette, status-bar),
            bg-app-bar: mat-color($background-palette, app-bar),
            bg-hover: mat-color($background-palette, hover),
            bg-card: $bg-card,
            bg-dialog: mat-color($background-palette, dialog),
            bg-disabled-button: mat-color($background-palette, disabled-button),
            bg-raised-button: mat-color($background-palette, raised-button),
            bg-focused-button: mat-color($background-palette, focused-button),
            bg-selected-button: mat-color($background-palette, selected-button),
            bg-selected-disabled-button: mat-color($background-palette, selected-disabled-button),
            bg-disabled-button-toggle: mat-color($background-palette, disabled-button-toggle),
            bg-unselected-chip: mat-color($background-palette, unselected-chip),
            bg-disabled-list-option: mat-color($background-palette, disabled-list-option),

            //---COMMON_COLORS---------------
            //fetch from the theme directly using the is_dark_mode flag
            is-dark-theme: $is-dark-theme, 

            //primary_text
            fg-dark-primary-text: $fg-dark-primary-text,
            fg-light-primary-text: $fg-light-primary-text,
            fg-primary-text-inverse: if($is-dark-theme, $fg-dark-primary-text, $fg-light-primary-text), 

            //secondary_text
            fg-dark-secondary-text: $fg-dark-secondary-text,
            fg-light-secondary-text: $fg-light-secondary-text,
            fg-secondary-text-inverse: if($is-dark-theme, $fg-dark-secondary-text, $fg-light-secondary-text), 

            //disabled_text
            fg-dark-disabled-text: $fg-dark-disabled-text,
            fg-light-disabled-text: $fg-light-disabled-text,
            fg-disabled-text-inverse: if($is-dark-theme, $fg-dark-disabled-text, $fg-light-disabled-text), 

            //dividers
            bg-dark-dividers: bg-dark-dividers,
            bg-light-dividers: bg-light-dividers,
            bg-dividers-inverse: if($is-dark-theme, $bg-dark-dividers, $bg-light-dividers), 

            //focused
            bg-dark-focused: $bg-dark-focused,
            bg-light-focused: $bg-light-focused,
            bg-focused-inverse: if($is-dark-theme, $bg-light-focused, $bg-light-focused) ,

            //---DERIVED_COLORS--------------
            theme-var_bg-ripple: rgba($fg-base, 0.1), //SPEC
            theme-var_bg-list-item: $bg-card,
            theme-var_scrollbar-bg: rgba($fg_icon, .4),
            theme-var_scrollbar-fg: rgba($fg_icon, .05),
            theme-var_scrollbar-hover-bg: rgba($fg_icon, .16),
            theme-var_scrollbar-hover-fg: rgba($fg_icon, .20)
        );
    }