// It's highly recommended to change the default colors
// to match your app's branding.

$primary   : #4772F2
$secondary : #26A69A
$accent    : #9C27B0

$dark      : #252850

$positive  : #55CD76
$negative  : #FF6565
$info      : #4772F2
$warning   : #FFBF42

$text-primary: #252850

//Button

$button-border-radius           : 4px
$button-padding                 : 4px 16px 
$button-dense-padding           : .285em
$button-font-size               : 16px
$button-line-height             : 133%
$button-font-weight             : 600
$button-shadow                  : none
$button-shadow-active           : none
$button-rounded-border-radius   : 28px 
$button-push-border-radius      : 7px

//Input

$input-font-size                : 16px
$input-text-color               : $text-primary
$input-label-color              : rgba(0,0,0,.6) 
$input-autofill-color           : inherit 

//Typography
$typography-font-family         : 'Raleway'

$separator-color                : rgba(0, 0, 0, .12)

$layout-border                  : 1.5px solid $separator-color

@import '~quasar-variables-styl'