/* Tailwind CSS Custom Build */
/* Import Tailwind base styles */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

/* Custom brand colors */
:root {
  --brand-red: #ED1C24;
  --brand-blue: #304DA1;
  --brand-light: #f8fafc;
  --brand-dark: #1e293b;
  --brand-reddark: #c0151c;
}

.bg-brand-red { background-color: var(--brand-red) !important; }
.bg-brand-blue { background-color: var(--brand-blue) !important; }
.bg-brand-light { background-color: var(--brand-light) !important; }
.bg-brand-dark { background-color: var(--brand-dark) !important; }
.bg-brand-reddark { background-color: var(--brand-reddark) !important; }

.text-brand-red { color: var(--brand-red) !important; }
.text-brand-blue { color: var(--brand-blue) !important; }
.text-brand-light { color: var(--brand-light) !important; }
.text-brand-dark { color: var(--brand-dark) !important; }
.text-brand-reddark { color: var(--brand-reddark) !important; }

.border-brand-red { border-color: var(--brand-red) !important; }
.border-brand-blue { border-color: var(--brand-blue) !important; }
.border-brand-light { border-color: var(--brand-light) !important; }
.border-brand-dark { border-color: var(--brand-dark) !important; }
.border-brand-reddark { border-color: var(--brand-reddark) !important; }

.hover\:bg-brand-reddark:hover { background-color: var(--brand-reddark) !important; }
.hover\:text-brand-red:hover { color: var(--brand-red) !important; }

/* Custom utilities */
.text-brand-white { color: white !important; }