/* Copyright (C) Microsoft Corporation. All rights reserved. 
Theme-light
*/

//Adding spacing definitions for few hardcoded constants
$paddingForScrollBars:                       19px; //This is 16px for scrollbar and 3px for focusoutline.
$heightForWinControls:                       36px;
$widthForWinControls:                        296px;

/* Base Color mapping to Santorini color fundamentals. We will follow cross platform naming conventions by using six digit hex
 when possible and use rgba for eight digit hex.  This will help keep our coloring in sync with design for both native and web.
*/

//Rest
$altFillNeutralRestColor:                    rgba(0, 0, 0, 0.076);        //#12000000
$altFillTransparentRestColor:                transparent;
$altFillAccentRestColor:                     #0067C0;
$altFillContrastNuetralRestColor:            rgba(0, 0, 0, 0.4644);       //#76000000
$altFillSelectedNeutralRestColor:            $altFillNeutralRestColor;    //#12000000
$altFillSelectedNeutralReverseRestColor:     rgba(0, 0, 0,0.1020);        //#1A000000
$altFillSelectedAccentRestColor:             $altFillAccentRestColor;
$altStrokeNeutralRestColor:                  rgba(0, 0, 0, 0.2169);       //#41000000
$altStrokeNeutralPrimaryRestColor:           #E9E9E9;
$altForegroundPrimaryRestColor:              #404040;
$altForegroundSecondaryRestColor:            rgba(0, 0, 0, 0.6);          //#99000000
$altForegroundAccentRestColor:               #003E92;

//Hover
$altFillNeutralHoverColor:                   rgba(0, 0, 0, 0.1020);       //#1A000000
$altFillTransparentHoverColor:               rgba(0, 0, 0, 0.051);        //#0D000000
$altFillAccentHoverColor:                    #003E92;
$altFillContrastNuetralHoverColor:           rgba(0, 0, 0, 0.4979);       //#7E000000
$altFillSelectedNeutralHoverColor:           $altFillNeutralHoverColor;   //#1A000000
$altFillSelectedNeutralReverseHoverColor:    rgba(0, 0, 0, 0.076);        //#12000000
$altFillSelectedAccentHoverColor:            $altFillAccentHoverColor;
$altStrokeNeutralHoverColor:                 rgba(0, 0, 0, 0.4078);       //#68000000
$altForegroundPrimaryHoverColor:             rgba(0, 0, 0, 0.6);          //#99000000
$altForegroundSecondaryHoverColor:           #000;
$altForegroundAccentHoverColor:              #001A68;

//Press
$altFillNeutralPressColor:                   rgba(0, 0, 0, 0.0578);        //#0D000000
$altFillTransparentPressColor:               rgba(0, 0, 0, 0.0314);       //#08000000
$altFillAccentPressColor:                    #0078D4;
$altFillContrastNeutralPressColor:           rgba(0, 0, 0, 0.4435);       //#7E000000
$altFillSelectedNeutralPressColor:           $altFillNeutralPressColor;   //#0D000000
$altFillSelectedNeutralReversePressColor:    $altFillNeutralPressColor;   //#0D000000
$altFillSelectedAccentPressColor:            $altFillAccentPressColor;    //#0D000000
$altStrokeNeutralPressColor:                 rgba(0, 0, 0, 0.1608);       //#29000000
$altForegroundPrimaryPressColor:             rgba(0, 0, 0, 0.4);          //#66000000
$altForegroundSecondaryPressColor:           rgba(0, 0, 0, 0.4);          //#66000000
$altForegroundAccentPressColor:              #0067C0;

//Disabled
$altFillNeutralDisabledColor:                rgba(0, 0, 0, 0.0282);        //#07000000
$altFillTransparentDisabledColor:            transparent;
$altFillContrastNuetralDisabledColor:        rgba(0, 0, 0, 0.1858);        //#2F000000
$altFillSelectedNeutralDisabledColor:        rgba(0, 0, 0, 0.0282);        //#07000000
$altFillSelectedNeutralReverseDisabledColor: rgba(0, 0, 0, 0.0282);        //#07000000
$altStrokeNeutralDisabledColor:              rgba(0, 0, 0, 0.1020);        //#1A000000
$altForegroundPrimaryDisabledColor:          rgba(0, 0, 0, 0.3);           //#4D000000
$altForegroundSecondaryDisabledColor:        rgba(0, 0, 0, 0.3);           //#4D000000
$altForegroundAccentDisabledColor:           rgba(0, 0, 0, 0.3614);        //#5C000000
//end base colors

//OOBE generic
$foregroundWhiteColor: #FFF;
$foregroundAltWhiteColor: rgba(255,255,255,0.7);
$foregroundBackplateHoverColor: rgba(255,255,255,0.4);
$errorTextColor: #C42B1C;

//focus visuals
$outlineFocusColor: #000;