libs/barista-components/style/main.scss
@use '@angular/cdk' as cdk;

/*
 * core styles for the component library
 */
@import '../core/src/style/variables';

@import './font-mixins';
@import '../input/src/input';
@import '../indicator/src/indicator';
@import './link';

@import '../core/src/style/overlay';

@import './themes';

@include cdk.overlay();
@include cdk.a11y-visually-hidden();
@include cdk.high-contrast();

.dt-no-pointer {
  pointer-events: none;
}

:root {
  --dt-theme-main-default-color: #{$turquoise-600};
  --dt-theme-main-hover-color: #{$turquoise-700};
  --dt-theme-main-active-color: #{$turquoise-800};
  --dt-theme-main-background-color: #{$turquoise-100};
  --dt-warning-default-color: #{$yellow-700};
  --dt-warning-hover-color: #{$yellow-800};
  --dt-warning-active-color: #{$yellow-900};
  --dt-error-default-color: #{$red-500};
  --dt-error-hover-color: #{$red-600};
  --dt-error-active-color: #{$red-700};
  --dt-recovered-default-color: #{$green-700};
  --dt-recovered-hover-color: #{$green-800};
  --dt-recovered-active-color: #{$green-900};
  --dt-neutral-default-color: #{$gray-600};
  --dt-neutral-hover-color: #{$gray-700};
  --dt-neutral-active-color: #{$gray-800};
  --dt-cta-default-color: #{$green-600};
  --dt-cta-hover-color: #{$green-700};
  --dt-cta-active-color: #{$green-800};
  --dt-critical-default-color: #{$red-700};
  --dt-critical-hover-color: #{$red-800};
  --dt-critical-active-color: #{$red-900};
  --dt-critical-background-color: #{$red-200};
}
