@import 'tailwindcss';

@theme {
  --color-deep-blue: #0a1219;
  --color-deep-blue-light: #121e27;
  --color-deep-blue-contrast: #1a2835;

  --color-emerald: #10b981;
  --color-emerald-dark: #059669;
  --color-emerald-light: #34d399;

  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --color-text-tertiary: #64748b;

  --color-accent-yellow: #fbbf24;
  --color-accent-red: #ef4444;
  --color-accent-purple: #8b5cf6;
}

body {
  @apply bg-deep-blue text-text-primary;
}

button,
a {
  @apply cursor-pointer active:scale-95 transition-all duration-200;
}

html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: Roboto, 'Helvetica Neue', sans-serif;
}

.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;
}