/* Custom scrollbar for a bit more polish (optional) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1A243C;
}
::-webkit-scrollbar-thumb {
    background: #EF5634;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #EF8F4A;
}
/* Define brand colors for easier use with Tailwind JIT if needed,
          or just use them directly like bg-[#EF5634] */
/*
       tailwind.config = {
         theme: {
           extend: {
             colors: {
               'brand-primary': '#EF5634',
               'brand-secondary': '#EF8F4A',
               'brand-dark': '#1A243C',
               'brand-deep-dark': '#13132D',
             }
           }
         }
       }
       */
.hero-gradient {
    background: linear-gradient(135deg, #13132D 0%, #1A243C 100%);
}
.button-primary {
    background-color: #EF5634;
    color: white;
}
.button-primary:hover {
    background-color: #EF8F4A;
}
.button-secondary {
    background-color: #EF8F4A;
    color: white;
}
.button-secondary:hover {
    background-color: #EF5634;
}
.text-brand-primary { color: #EF5634; }
.text-brand-secondary { color: #EF8F4A; }