@use 'vars.scss' as *;
@use 'fonts.scss' as *;
@use 'icons.scss' as *;

// Deprecated styles, to be removed in future releases
@use 'pg/modules/_tabs_accordian.scss' as *;
@use 'pg/modules/_tabs.scss' as *;
@use 'pg/modules/_switch.scss' as *;
@use 'pg/modules/_select.scss' as *;
@use 'pg/modules/_cards.scss' as *;

// Elements styles for refactoring, possible be removed in future releases
@use 'pg/modules/_sidebar.scss' as *;
@use 'pg/modules/_breadcrumb.scss' as *;

// Core styles for refactoring
@use 'pg/modules/_typography.scss' as *;
@use 'pg/modules/_buttons.scss' as *;
@use 'pg/modules/_form_elements.scss' as *;
@use 'pg/vendor/md-datatable.scss' as *; // to be removed in future releases
@use 'pg/vendor/md-grid.scss' as *;
@use 'pg/toaster.scss' as *;

// Bootstrap CSS custom properties override
:root {
  // Colors
  --bs-primary: #{$Link};
  --bs-secondary: #{$Light-Gray-1};
  --bs-success: #{$Green};
  --bs-danger: #{$Red};
  --bs-warning: #{$Yellow};
  --bs-info: #{$Link-on-dark};
  --bs-light: #{$Light-Gray-3};
  --bs-dark: #{$Black-Color};

  // Typography
  --bs-body-font-family: #{$font-body};
  --bs-body-color: #{$Black-Color};
  --bs-body-bg: #{$White};

  // Links
  --bs-link-color: #{$Link};
  --bs-link-hover-color: #{$Red};

  // Borders
  --bs-border-color: #{$Light-Gray-2};
  --bs-border-radius: #{$default-border-size};
}

.ql-container {
    height: 240px;
}

a:hover * {
    color: $Red !important;
}

.ql-toolbar.ql-snow {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-color: $Light-Gray-3;
    background: $White;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: $White;
    border-color: $Light-Gray-3;
}

.badge {
  --bs-badge-padding-x: 1.0em;
  --bs-badge-padding-y: 0.5em;
}