root.css

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

@import '~@angular/cdk/overlay-prebuilt.css';

:root {
  --warning: 38 92% 50%;

  --color-background-secondary: 0 0% 98%;
  --color-mainbg: 0 0% 100%;
  --text: 0 0% 0%;

  --color-primary-600: 212 80% 42%;
  --color-background-50: 0 0% 100%;
  --color-background-100: 0 0% 98%;
  --color-background-200: 0 0% 90%;

  --color-bewilligt-100: 122 100% 92%;
  --color-bewilligt-700: 122 100% 29%;

  --color-abgelehnt-100: 0 100% 92%;
  --color-abgelehnt-500: 0 100% 60%;
}

.dark {
  --color-background-secondary: 0 0% 16%;
  --color-mainbg: 0 0% 14%;
  --text: 0 0% 100%;

  --color-primary-600: 43 96% 58%;
  --color-background-50: 0 0% 0%;
  --color-background-100: 0 0% 8%;
  --color-background-200: 0 0% 16%;

  --color-bewilligt-100: 122 100% 92%;
  --color-bewilligt-700: 122 100% 29%;

  --color-abgelehnt-100: 0 100% 92%;
  --color-abgelehnt-500: 0 100% 60%;
}

.bescheid-dialog-backdrop {
  @apply bg-gray-500 bg-opacity-30 transition-opacity;
}