// Override Font Awesome font path.
$fa-font-path: '../resource';

//*****************************************************************************
// FONTS.
//*****************************************************************************
$wc-default-font: sans-serif !default;
$wc-mono-font: monospace !default;
// Font size for mobile and small screens (< 1024px). This is the default because mobile is king!
$wc-default-font-size: 100% !default;
// sizes for not-mobile screens >= 1024px
$wc-desktop-font-size: 75% !default;
// font size on really large, dense monitors (eg Apple cinema and thunderbolt
// displays) where small fonts become too tiny to be useful.
$wc-bigscreen-font-size: 100% !default;
// mobile menus - used only to make the menu items bigger for easier touch use.
$wc-font-larger: 1.5rem !default;
//*****************************************************************************
// Button style
//*****************************************************************************
// If this is set to 1 then _all_ buttons will inherit font metrics.
// You may find this useful in getting cross-browser and cross-platform
// consistency but it _may_ make your buttons ugly if you are a hard-core OS X
// user. We recommend setting this to 1 - it will save you some grief.
$wc-button-rationalise-text-styles: 1 !default;
// If this next var == 1 and the previous var is not == 1 you can apply
// inherited font metrics _just_ to OS X.
$wc-button-rationalise-text-styles-mac: 0 !default;
// Set to 1 top turn on "invite" styles for all buttons.
// If you do this you _will_ want to set borders and default backgrounds
// because this will add hover/focus backgrounds.
$wc-button-use-invite: 0 !default;
//*****************************************************************************
// SPACING and REM SIZES
//*****************************************************************************
/// If you change any of these you are probably going to want to change all of
// them as they may be involved in Sass calculations.

// Common spacing variables
$wc-gap-small: 0.25rem !default;
$wc-gap-normal: 0.5rem !default;
$wc-gap-large: 1rem !default;
$wc-gap-xl: 1.5rem !default;

// Some fixed sizes for iconography place holders
$wc-icon-small: 0.75rem !default; // about 12px in any unit
$wc-icon-normal: 1rem !default; // min 16px in any unit
$wc-icon-wider: 1.25rem !default;  //recommend min 20px in any unit - this will allow for wider glyphs.
$wc-icon-large: 2rem !default; // really big icons. So far only for the full-screen loading indicator.

// h1 in WSection, WPanel Types CHROME and SECTION, WMessageBox, WValidationErrors
$wc-section-header-size: 1rem !default;
// h1 in dialogs
$wc-dialog-header-size: $wc-section-header-size !default;
// h1 in the screen header (WPanel Type HEADER)
$wc-header-h1-size-full: 2.25rem !default;
// h1 in the screen header on small screens.
$wc-header-h1-size-small: $wc-section-header-size !default;


//*****************************************************************************
// Generic items added to various components.
// It would be unusual to have to change these
//*****************************************************************************
// BORDERS
// Many things have borders and it is nice to have a common look to all of them. You may want to cross reference this to
// the mixins makeBorder and makePartBorder which use these as default values but allow override.
$wc-border-style: solid !default;
$wc-border-width: 1px !default;

/// z-index settings
/// We have a number of transient elements which have a z-index (eg the calendar in WPartialDateField's output widget).
/// Many of these require the z-index to be _below_ the modal shim z-index but then have an override to make them _above_
/// the dialog z-index if they are in a dialog.
/// The z-index common is the lowest z-index we should ever apply to a normal transient artefact. This _could_ be 1 and
/// _must_ be at least 2 less than z-index-modal-shim as we need transient elements to be below the modal shim. I
/// recommend this be greater than 1 just in case an application needs a local over-ride due to unusual design or theme
/// overrides.
$wc-z-index-common: 5 !default;
/// z-index-modal-shim
/// THis is the z-index of the modal shim. Every z-index should be below this except dialogs and transient elements with
/// a z-index when they are found in a dialog.
$wc-z-index-modal-shim: 20 !default;
/// The z-index-dialog is the z-index of the dialog element. It must be above z-index-modal-shim.
$wc-z-index-dialog: $wc-z-index-modal-shim + 1;
/// The z-index common to most components in a dialog
$wc-z-index-common-in-dialog: $wc-z-index-common + $wc-z-index-dialog;
/// The unloading shim must be over everything including things in dialogs.
$wc-z-index-unloading-shim: 99 !default;
$wc-z-index-unloading-message: $wc-z-index-unloading-shim + 1;


//*****************************************************************************
// Variables for specific components
//*****************************************************************************

//*****************************************************************************
// ListLayout
//*****************************************************************************
// ListLayout marker spacing. These are a bit odd but are here to make the lists look OK across most browsers.
$wc-list-layout-dot-spacing: 1.5rem !default;
$wc-list-layout-ordered-spacing: 2rem !default;
$wc-list-layout-bar-width-offset: 2 * $wc-gap-normal !default;

//*****************************************************************************
// Back to top link
//*****************************************************************************
// Back to top
$wc-btt-normal: 1.5rem !default; // size of back-to-top link's 'icon' Should be big enough to hit on a mobile.
$wc-btt-large: 4rem !default;

//*****************************************************************************
// Dialogs - WDialog, Image editor.
//*****************************************************************************
$wc-ui-dialog-min-width: 15rem !default;
$wc-ui-dialog-min-height: 7rem !default;

$wc-ui-dialog-transition-delay: 0s !default;
$wc-ui-dialog-transition-duration: 0.5s !default;

//*****************************************************************************
// WFieldLayout
//*****************************************************************************
// Must be a percent between 0 and 100. 25, 33, 50 are recommended options
$wc-fieldlayout-default-label-width: 50% !default;

//*****************************************************************************
// WMenu
//*****************************************************************************
// generic menu structure
$wc-menu-item-pad-topbottom: $wc-gap-normal !default;
// menu type BAR and FLYOUT structure
// padding of items
$wc-menu-bar-column-item-pad: $wc-menu-item-pad-topbottom !default;
// padding of WSeparator at the top level of a BAR or FLYOUT menu (orientation='vertical')
$wc-menu-bar-vseparator-pad: (2 * $wc-menu-item-pad-topbottom) 0 0 0 !default;
// the gap bewtten the text label of a sub menu and its 'opener' image
$wc-menu-bar-column-opener-indicator-before-after: $wc-gap-small !default;
// width of the open state icon in WMenu type TREE
$wc-menu-tree-iconwidth: $wc-icon-normal !default;

//*****************************************************************************
// WTabSet
//*****************************************************************************
// The width of the tab in left/right TabSets.
// This _should_ be a percentage, otherwise you will have to manipulate the IE9 Sass.
$wc-tabset-left-right-tab-width: 15% !default;
$wc-tabset-border-radius: $wc-gap-small !default;

//*****************************************************************************
// WTree
//*****************************************************************************
// indent of branches in the tree - also applies to WMenu Type TREE.
$wc-tree-indent: 0.75rem !default;
// The bi-modal nature of the tree expander button means we
// have to pad the inner components rather than the button.
// It _may_ be worth puttiing in another content wrapper...
$wc-tree-item-pad-l: $wc-gap-small !default;
$wc-tree-item-pad-r: $wc-gap-small !default;
$wc-tree-item-pad-t: $wc-gap-small !default;
$wc-tree-item-pad-b: $wc-gap-small !default;
// padding of each tree item. Also used for WMenu type TREE.
$wc-tree-item-pad: $wc-gap-small 0 !default;
// the start width of a htree group when the browser is rubbish.
$wc-htree-branch-width-lame: 10rem !default;

//*****************************************************************************
// WToggleButton
//*****************************************************************************
$wc-togglebutton-width: 2 * $wc-icon-normal !default;
$wc-togglebutton-transition: all 0.4s ease !default;
$wc-togglebutton-transition-slider: left 0.3s cubic-bezier(0.175, 0.885, 0.320, 1.275), padding 0.3s ease, margin 0.3s ease !default;
// calculated vars
$wc-togglebutton-double-border-width: 2 * $wc-border-width;
$wc-togglebutton-slider-width: $wc-togglebutton-width / 2;
