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

$typography-font-family: 'Noto Sans Thai', sans-serif !default;

$primary: var(--brand-1);
$secondary: var(--brand-2);
$accent: #9c27b0;

$dark: var(--gray-11);
$dark-page: var(--gray-10);

$positive: #00bd9d;
$negative: #cc0004;
$info: #328bf3;
$warning: #ffc224;

$separator-color: var(--border-color);
$separator-dark-color: var(--border-color);

.q-separator {
  transition: none;
}

.q-field__control {
  color: $primary;
}

.q-field--outlined .q-field__control {
  border-radius: var(--radius-2);

  &::before {
    transition: none;
    border-color: var(--border-color);
    border-radius: var(--radius-2);
  }

  &:hover::before {
    border-color: var(--border-color);
  }
}

.q-menu,
.q-card {
  box-shadow: var(--shadow-2) !important;
}

.q-dialog__backdrop {
  background-color: hsla(0 0 60% / 0.4) !important;
}