@tailwind base;
@tailwind components;
@tailwind utilities;

@import './fonts.css';
@import './table.css';
@import './animations.css';

:root {
  --transition: cubic-bezier(0.42, 0, 0.58, 1);
}

.accent-modal {
  border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
  background: rgb(var(--v-theme-code)) !important;
}

.border-b {
  border-bottom-width: 1px !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-t {
  border-top-width: 1px !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-r {
  border-right-width: 1px !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-l {
  border-left-width: 1px !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.border-a {
  border-width: 1px !important;
  border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !important;
}

.text-h6 {
  font-weight: 400;
}

.cm-mini {
  min-height: 30px !important;
}

html {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
  overscroll-behavior: none;
  font-family: 'Roboto', sans-serif;
  &::-webkit-scrollbar {
    display: none;
  }
}

.v-theme--light {
  --v-theme-primary: 11, 87, 208 !important;
  --v-theme-warning: 176, 126, 0 !important;
  --v-theme-error: 217, 48, 37 !important;
  --selected-row-bg: rgb(241, 245, 253);
}

.v-theme--dark {
  --v-theme-primary: 51, 129, 255 !important;
  --v-theme-warning: 252, 192, 10 !important;
  --v-theme-error: 234, 67, 53 !important;
  --selected-row-bg: rgba(241, 245, 253, 0.075);

  .v-overlay__scrim {
    --v-theme-on-surface: 0, 0, 0;
    --v-overlay-opacity: 0.5;
  }
}

.v-btn__overlay {
  background-color: rgb(var(--v-theme-on-surface)) !important;
}
.v-btn:hover > .v-btn__overlay {
  opacity: 0.06 !important;
}

.disabled-button {
  filter: grayscale(1);
  opacity: 0.5 !important;
  .v-btn__overlay {
    opacity: 0 !important;
  }
}
