@import 'tailwindcss';

@theme {
  --color-deep-blue: #0f212e;
  --color-deep-blue-light: #1a2c38;
  --color-deep-blue-contrast: #1b2c3b;
  --color-light-blue: #1475e1;
}

body {
  @apply bg-deep-blue text-gray-100;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: var(--color-deep-blue-light) !important;
  --mdc-dialog-subhead-color: #ffffff !important;
  --mdc-dialog-supporting-text-color: #9ca3af !important;
  --mdc-dialog-container-shape: 6px !important;
}