/* towing-colors.css */

/* ===== Core Palette ===== */
:root {
    /* Brand */
    --tc-red: #d51515; /* Official red */
    --tc-red-dark: #b91111; /* Hover/active */
    --tc-red-light: #fbe6e6; /* Tint */
    /* Neutral / Backgrounds */
    --tc-black: #0B0F14; /* Headings / footer */
    --tc-gray-800: #1F2937; /* Strong body */
    --tc-gray-600: #4B5563; /* Body */
    --tc-gray-400: #9CA3AF; /* Muted */
    --tc-gray-200: #E5E7EB; /* Borders */
    --tc-gray-100: #F3F4F6; /* Surfaces */
    --tc-white: #FFFFFF;
    /* Accents / States */
    --tc-green: #16A34A; /* Success */
    --tc-yellow: #D97706; /* Warning */
    --tc-orange: #F97316; /* Secondary accent */
    --tc-danger: #DC2626; /* Errors / danger */
    /* Semantic */
    --tc-text: var(--tc-gray-800);
    --tc-text-muted: var(--tc-gray-600);
    --tc-bg: var(--tc-white);
    --tc-surface: var(--tc-gray-100);
    --tc-border: var(--tc-gray-200);
    /* Focus */
    --tc-focus: color-mix(in srgb, var(--tc-red) 50%, white);
    /* Main site blue (replace previous --tc-blue) */
    --tc-blue: #3d58a2;
    --tc-blue-dark: #324782; /* hover/active */
    --tc-blue-light: #eaf0fb; /* subtle tint */
    /* Update Bootstrap primary mapping */
    --bs-primary: var(--tc-blue); /* keep blue as Bootstrap primary */
    --bs-danger: var(--tc-red); /* align danger with brand red */
}

/* ===== Dark Mode (optional) ===== */
@media (prefers-color-scheme: dark) {
    :root {
        --tc-text: #E5E7EB;
        --tc-text-muted: #C7CDD7;
        --tc-bg: #0B0F14;
        --tc-surface: #121822;
        --tc-border: #223045;
        --tc-blue: #60A5FA;
        --tc-red-light: color-mix(in srgb, var(--tc-red) 20%, white);
    }
}

/* ===== Bootstrap Overrides ===== */
.btn-primary {
    background-color: var(--tc-blue) !important;
    border-color: var(--tc-blue) !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--tc-blue-dark) !important;
        border-color: var(--tc-blue-dark) !important;
    }


/* Vendor section modifications */
.bg-red {
    background-color: var(--tc-red) !important;
    color: #fff !important;
}

.text-red {
    color: var(--tc-red) !important;
}

.border-red {
    border-color: var(--tc-red) !important;
}

.btn-red {
    background-color: var(--tc-red);
    border-color: var(--tc-red);
    color: #fff;
}

    .btn-red:hover {
        background-color: var(--tc-red-dark);
        border-color: var(--tc-red-dark);
    }

.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: var(--tc-red);
    font-weight: 600;
}

    .btn-white:hover {
        background-color: var(--tc-red-light);
        border-color: var(--tc-red-light);
        color: var(--tc-red-dark);
    }


.free-banner {
    margin-bottom: 0 !important
}