@use "@core/scss/base/utils";
@use "@configured-variables" as variables;

// 👉 Body
// set body font size 15px
body {
  font-size: 15px !important;

  // 👉 Button outline with default color border color
  .v-alert--variant-outlined,
  .v-avatar--variant-outlined,
  .v-btn.v-btn--variant-outlined,
  .v-card--variant-outlined,
  .v-chip--variant-outlined,
  .v-list-item--variant-outlined {
    &:not([class*="text-"]) {
      border-color: rgba(var(--v-border-color), 0.22);
    }

    &.text-default {
      border-color: rgba(var(--v-border-color), 0.22);
    }
  }
}

// 👉 Typography
.text-h1,
.text-h2,
.text-h3,
.text-h4,
.text-h5,
.text-h6,
.text-overline,
.v-input {
  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.text-caption {
  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity));
}

.v-card-subtitle,
.text-subtitle-1,
.text-subtitle-2 {
  color: rgba(var(--v-theme-on-background), 0.55);
}

// 👉 Input placeholder alignment
.v-input--density-compact {
  input::placeholder {
    position: relative;
    inset-block-start: 1px;
  }
}
