// FILE (create it): src/quasar-variables.sass

$primary: #02A998
$secondary: #016987
$accent: #9C27B0

// $dark: #1D1D1D
$dark: #35473C

$positive: #21BA45
$negative: #C10015
$info: #31CCEC
$warning: #F2C037

$add: #00aa86
.text-add
    color: $add !important
.bg-add
    background: $add !important

$edit: #019fc4
.text-edit
    color: $edit !important
.bg-edit
    background: $edit !important

$public: #016987
.text-public
    color: $public !important
.bg-public
    background: $public !important

$save: #4154b3
.text-save
    color: $save !important
.bg-save
    background: $save !important

$nativetab: #c8d3db
.text-nativetab
    color: $nativetab !important
.bg-nativetab
    background: $nativetab !important

$activetab: #4a5568
.text-activetab
    color: $activetab !important
.bg-activetab
    background: $activetab !important
.bg-white-btn
    background: #ffffff20 !important

.inputgreen .q-field__prefix,
.inputgreen .q-field__suffix,
.inputgreen .q-field__input,
.inputgreen .q-field__native

    color: rgb(6, 136, 77)

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap')

$noto-thai: 'Noto Sans Thai', sans-serif

#azay-app,
div
    font-family: $noto-thai !important
    text-rendering: optimizeLegibility
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale

$separator-color: #EDEDED !default

input.input-alert
    color: red !important

.input-alert .q-field--outlined .q-field__control
    border: 1px solid red !important
    background-color: rgb(255, 216, 216)

.input-alert .q-field--outlined input
    color: #f00 !important

.input-alert i.text-primary
    color: #f00 !important