/* Custom color overrides for Tailwind CDN */
:root {
  --color-primary: #0A1F44;
  --color-primary-light: #1A3A6E;
  --color-primary-dark: #0D0D0D;
  --color-surface: #F8F5F0;
  --color-accent: #E84F1C;
  --color-text-default: #3D3D3D;
  --color-text-light: #8A9BB0;
  --color-text-lighter: #EDE8DF;
}

/* Background colors */
.bg-primary { background-color: #0A1F44 !important; }
.bg-primary-light { background-color: #1A3A6E !important; }
.bg-primary-dark { background-color: #0D0D0D !important; }
.bg-accent { background-color: #E84F1C !important; }
.bg-surface { background-color: #F8F5F0 !important; }

/* Text colors */
.text-primary { color: #0A1F44 !important; }
.text-primary-light { color: #1A3A6E !important; }
.text-primary-dark { color: #0D0D0D !important; }
.text-accent { color: #E84F1C !important; }
.text-surface { color: #F8F5F0 !important; }
.text-text-default { color: #3D3D3D !important; }
.text-text-light { color: #8A9BB0 !important; }
.text-text-lighter { color: #EDE8DF !important; }

/* Border colors */
.border-primary { border-color: #0A1F44 !important; }
.border-primary-light { border-color: #1A3A6E !important; }
.border-primary-dark { border-color: #0D0D0D !important; }
.border-accent { border-color: #E84F1C !important; }

/* Hover states */
.hover\:bg-primary:hover { background-color: #0A1F44 !important; }
.hover\:bg-primary-dark:hover { background-color: #0D0D0D !important; }
.hover\:text-primary:hover { color: #0A1F44 !important; }
.hover\:bg-blue-700:hover { background-color: #1A3A6E !important; }
.hover\:bg-blue-800:hover { background-color: #0A1F44 !important; }
.hover\:bg-red-600:hover { background-color: #E84F1C !important; }
.from-primary { --tw-gradient-from: #0A1F44 !important; }
.to-blue-700 { --tw-gradient-to: #1A3A6E !important; }

/* Background opacity modifiers */
.bg-primary\/20 { background-color: rgba(10, 31, 68, 0.2) !important; }
.bg-primary\/10 { background-color: rgba(10, 31, 68, 0.1) !important; }
.bg-accent\/20 { background-color: rgba(232, 79, 28, 0.2) !important; }

/* Font family overrides */
body, .font-sans {
  font-family: "DM Sans", system-ui, sans-serif !important;
}

.font-serif {
  font-family: "DM Serif Display", Georgia, serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "DM Serif Display", Georgia, serif !important;
}