/** VUETIFY OVERRIDE VARIABLES FILE
|--------------------------------------------------
|	DO NOT CHANGE ANYTHING HERE, UNLESS YOU KNOW WHAT YOU ARE DOING
| This file is to override Vuetify framework variables, this is used ONLY to override variables
| Any style override that is written here might be added multiple times
|--------------------------------------------------
**/

@import 'vuetify/src/styles/styles.sass';
@import './pitcher-variables.scss';


/** 
|--------------------------------------------------
|	Global overrides
|--------------------------------------------------
**/
$elevation-root: 5;

$material-light: (
  'text': (
    'primary': rgba(0, 0, 0, 0.8)
  )
);

$body-font-family: 'Roboto', sans-serif !default;
$border-radius-root: 4px;
$border-radius-lg: map-get($rounded, 'lg');

/* AppBar */
$app-bar-elevation: $elevation-root;

/* Icons */
$icon-size: 18px !default;
$icon-size-dense: 14px !default;

/* Buttons */
$btn-text-transform: none !default;
$btn-letter-spacing: normal;

// Default sizes
// $btn-sizes: (
// 'x-small': 20,
// 'small': 28,
// 'default': 36,
// 'large': 44,
// 'x-large': 52
// );

$fab-icon-sizes: (
  'x-small': 14,
  'small': 18,
  'default': 24,
  'large': 28,
  'x-large': 32
);

/* Text field */
$text-field-outlined-fieldset-border: 1px solid;

/* V-Dialog */
$dialog-elevation: $elevation-root;

/* Sheets */
$sheet-border-radius: $border-radius-lg;
$sheet-elevation: $elevation-root;

/* Cards */
$card-elevation: $elevation-root;
$card-text-font-size: 1rem;
$card-border-radius: $border-radius-lg;

/* Tables */
$data-table-border-radius: $border-radius-lg;
$data-table-regular-header-font-size: 14px;

/* V-Tab */
$tabs-item-letter-spacing: normal;

/* Snackbar */
$snackbar-content-letter-spacing: normal;
// $snackbar-background-color: #FFFFFF;
// $snackbar-color: map-deep-get($material-light, 'text', 'primary');

/* Calendar */
$calendar-event-border-radius: 2px;

/* Navigation Drawer */
$navigation-drawer-mobile-temporary-elevation: $elevation-root;

/* Stepper */
$stepper-step-step-icon-font-size: $icon-size-dense;
$stepper-step-error-icon-font-size: $icon-size;
$stepper-elevation: $elevation-root;
// $stepper-header-elevation

/** 
|--------------------------------------------------
|	Shadow Overrides
|--------------------------------------------------
**/

$shadow-key-umbra-opacity: $p-shadow-color;
$shadow-key-penumbra-opacity: transparent;
$shadow-key-ambient-opacity: transparent;

$shadow-key-umbra: (
    0: (0px 0px 0px 0px $shadow-key-umbra-opacity),
    1: (1px 1px 4px -1px $shadow-key-umbra-opacity),
    2: (1px 2px 5px -1px $shadow-key-umbra-opacity),
    3: (2px 3px 7px -1px $shadow-key-umbra-opacity),
    4: (2px 3px 9px -1px $shadow-key-umbra-opacity),
    5: (2px 4px 12px -2px $shadow-key-umbra-opacity),
    6: (3px 5px 14px -3px $shadow-key-umbra-opacity),
    7: (3px 6px 16px -3px $shadow-key-umbra-opacity),
    8: (3px 7px 19px -4px $shadow-key-umbra-opacity),
    9: (4px 8px 21px -4px $shadow-key-umbra-opacity),
    10: (4px 9px 23px -4px $shadow-key-umbra-opacity),
    11: (5px 9px 25px -4px $shadow-key-umbra-opacity),
    12: (5px 10px 27px -4px $shadow-key-umbra-opacity),
    13: (5px 10px 29px -4px $shadow-key-umbra-opacity),
    14: (5px 11px 31px -4px $shadow-key-umbra-opacity),
    15: (6px 12px 33px -4px $shadow-key-umbra-opacity),
    16: (6px 13px 35px -5px $shadow-key-umbra-opacity),
    17: (7px 14px 37px -5px $shadow-key-umbra-opacity),
    18: (7px 15px 39px -5px $shadow-key-umbra-opacity),
    19: (7px 16px 41px -5px $shadow-key-umbra-opacity),
    20: (8px 18px 43px -5px $shadow-key-umbra-opacity),
    21: (8px 20px 45px -5px $shadow-key-umbra-opacity),
    22: (9px 22px 47px -6px $shadow-key-umbra-opacity),
    23: (9px 24px 49px -5px $shadow-key-umbra-opacity),
    24: (10px 26px 50px -6px $shadow-key-umbra-opacity),
);

$shadow-key-penumbra:
  (
    0: (0px 0px 0px 0px $shadow-key-penumbra-opacity),
    1: (0px 1px 1px 0px $shadow-key-penumbra-opacity),
    2: (0px 2px 2px 0px $shadow-key-penumbra-opacity),
    3: (0px 3px 4px 0px $shadow-key-penumbra-opacity),
    4: (0px 4px 5px 0px $shadow-key-penumbra-opacity),
    5: (0px 5px 8px 0px $shadow-key-penumbra-opacity),
    6: (0px 6px 10px 0px $shadow-key-penumbra-opacity),
    7: (0px 7px 10px 1px $shadow-key-penumbra-opacity),
    8: (0px 8px 10px 1px $shadow-key-penumbra-opacity),
    9: (0px 9px 12px 1px $shadow-key-penumbra-opacity),
    10: (0px 10px 14px 1px $shadow-key-penumbra-opacity),
    11: (0px 11px 15px 1px $shadow-key-penumbra-opacity),
    12: (0px 12px 17px 2px $shadow-key-penumbra-opacity),
    13: (0px 13px 19px 2px $shadow-key-penumbra-opacity),
    14: (0px 14px 21px 2px $shadow-key-penumbra-opacity),
    15: (0px 15px 22px 2px $shadow-key-penumbra-opacity),
    16: (0px 16px 24px 2px $shadow-key-penumbra-opacity),
    17: (0px 17px 26px 2px $shadow-key-penumbra-opacity),
    18: (0px 18px 28px 2px $shadow-key-penumbra-opacity),
    19: (0px 19px 29px 2px $shadow-key-penumbra-opacity),
    20: (0px 20px 31px 3px $shadow-key-penumbra-opacity),
    21: (0px 21px 33px 3px $shadow-key-penumbra-opacity),
    22: (0px 22px 35px 3px $shadow-key-penumbra-opacity),
    23: (0px 23px 36px 3px $shadow-key-penumbra-opacity),
    24: (0px 24px 38px 3px $shadow-key-penumbra-opacity)
  );

$shadow-key-ambient:
  (
    0: (0px 0px 0px 0px $shadow-key-ambient-opacity),
    1: (0px 1px 3px 0px $shadow-key-ambient-opacity),
    2: (0px 1px 5px 0px $shadow-key-ambient-opacity),
    3: (0px 1px 8px 0px $shadow-key-ambient-opacity),
    4: (0px 1px 10px 0px $shadow-key-ambient-opacity),
    5: (0px 1px 14px 0px $shadow-key-ambient-opacity),
    6: (0px 1px 18px 0px $shadow-key-ambient-opacity),
    7: (0px 2px 16px 1px $shadow-key-ambient-opacity),
    8: (0px 3px 14px 2px $shadow-key-ambient-opacity),
    9: (0px 3px 16px 2px $shadow-key-ambient-opacity),
    10: (0px 4px 18px 3px $shadow-key-ambient-opacity),
    11: (0px 4px 20px 3px $shadow-key-ambient-opacity),
    12: (0px 5px 22px 4px $shadow-key-ambient-opacity),
    13: (0px 5px 24px 4px $shadow-key-ambient-opacity),
    14: (0px 5px 26px 4px $shadow-key-ambient-opacity),
    15: (0px 6px 28px 5px $shadow-key-ambient-opacity),
    16: (0px 6px 30px 5px $shadow-key-ambient-opacity),
    17: (0px 6px 32px 5px $shadow-key-ambient-opacity),
    18: (0px 7px 34px 6px $shadow-key-ambient-opacity),
    19: (0px 7px 36px 6px $shadow-key-ambient-opacity),
    20: (0px 8px 38px 7px $shadow-key-ambient-opacity),
    21: (0px 8px 40px 7px $shadow-key-ambient-opacity),
    22: (0px 8px 42px 7px $shadow-key-ambient-opacity),
    23: (0px 9px 44px 8px $shadow-key-ambient-opacity),
    24: (0px 9px 46px 8px $shadow-key-ambient-opacity)
  )