/* css/custom.css */

/* --- Color Variables & Theme Setup --- */
:root {
    --primary-orange: #e65c00;      /* Accessible vibrant orange for CTAs and highlights */
    --primary-orange-hover: #cc5200;/* Darker shade for interactive button hover states */
    --dark-slate: #1e293b;          /* Professional charcoal for headers, nav, and body text */
    --light-bg: #f8fafc;            /* Clean, soft off-white background to prevent eye strain */
    --border-color: #e2e8f0;        /* Subtle divider borders */
}

/* --- Global Elements & Typography --- */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--light-bg);
    color: var(--dark-slate);
    font-size: 1rem;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--dark-slate);
    font-weight: 700;
}

/* --- Custom Utility Components --- */
.text-orange {
    color: var(--primary-orange) !important;
}

.bg-orange {
    background-color: var(--primary-orange) !important;
}

.btn-orange {
    background-color: var(--primary-orange);
    color: #ffffff;
    font-weight: 600;
    border: none;
    transition: background-color 0.2s ease-in-out;
}

.btn-orange:hover, .btn-orange:focus {
    background-color: var(--primary-orange-hover);
    color: #ffffff;
}

.btn-outline-orange {
    border: 2px solid var(--primary-orange);
    color: var(--primary-orange);
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

.btn-outline-orange:hover {
    background-color: var(--primary-orange);
    color: #ffffff;
}

/* Ensure accessible contrast for footer links */
footer a {
    color: #cbd5e1;
    text-decoration: none;
}
footer a:hover {
    color: #ffffff;
}