/** 
|--------------------------------------------------
| Pitcher variables file
| Here you can add any variable that you will use in your application
| Variables defined here are globally available in every component / style tag
| Also some of the values here are used to override Vuetify framework variables
| Do NOT change required ones
|--------------------------------------------------
**/

// Theme colors (must match Vuetify theme in build/utils/vuetify.js)
$primary: #2185D0 !default;
$accent: #6EAFE1 !default;

// Default colors
$p-body-bg: rgb(245, 245, 245);
$p-body-dark-bg: rgb(66, 66, 66);

$p-border-color: rgb(223, 223, 223);
$p-border-color-hover: rgb(200, 200, 200);
$p-border-color-disabled: rgb(233, 233, 233);
$p-shadow-color: rgba(177, 180, 206, 0.8);

@function inset-shadow($opacity: 0.12) {
  @return inset 0 0.143em 0.143em 0 rgba(0, 0, 0, $opacity);
}



/* ---------- REQUIRED VARIABLES ---------- */
// Override Default text colors
$btn-text-color: rgba(0, 0, 0, 0.6);
$btn-default-shadow: none;
$heading-color: rgba(0, 0, 0, 0.7);


// Override text-field colors
$text-field-label-color: rgba(0, 0, 0, 0.4);
$text-field-disabled-label-color: rgba(0, 0, 0, 0.15);

// Override table colors
$table-heading-bg: rgb(250, 250, 250);


// Override: Default outlined text input label bg-color
$label-light-bg: $p-body-bg;
$label-dark-bg:  $p-body-dark-bg;
/* -------------- END REQUIRED -------------- */