/*
 * MSP Rapid Quote System
 * Theme Colors Stylesheet - Based on secure.trustntm.com/more-information-manufacturing
 */

:root {
    /* Main color variables from secure.trustntm.com */
    --primary-blue: #0E1A32;      /* Dark blue from color-m18377gl */
    --secondary-blue: #24447F;    /* From color-m1836hdl */
    --accent-orange: #F06000;     /* Keep the current orange for buttons */
    --light-gray: #8893A8;        /* From color-lx2q00eu */
    --off-white: #FFFFFF;         /* White */
    --dark-bg: #0E1A32;           /* Same as primary-blue */
    --dark-card: #1e1e1e;         /* Lighter dark gray for cards */
    --stat-card-bg: #2a2a2a;      /* Even lighter gray for stat cards */
    --dark-input: #2d2d2d;        /* Keeping this for input fields */
    --success-green: #4CAF50;     /* Keeping success color */
    --error-red: #F06000;         /* Using orange instead of red as requested */

    /* Additional colors from the provided CSS */
    --black: #000000;
    --transparent: transparent;
    --overlay: rgba(0, 0, 0, 0.5);
}

/* Override body styles */
body {
    background-color: var(--dark-bg);
    color: var(--off-white);
}

/* Override header styles */
header {
    background-color: var(--primary-blue);
}

/* Override card styles */
.card {
    background-color: var(--dark-card);
}

.card-header h2 {
    color: var(--accent-orange);
}

/* Override button styles */
.btn-primary {
    background-color: var(--accent-orange);
    color: var(--off-white);
}

.btn-primary:hover {
    background-color: #e05c00;
}

.btn-secondary {
    background-color: var(--secondary-blue);
    color: var(--off-white);
}

.btn-secondary:hover {
    background-color: #1c3566;
}

.btn-outline {
    border-color: var(--light-gray);
    color: var(--off-white);
}

.btn-outline:hover {
    border-color: var(--accent-orange);
    color: var(--accent-orange);
}

/* Override progress bar styles */
.progress-step.active .step-circle {
    background-color: var(--accent-orange);
}

.progress-step.active .step-text {
    color: var(--accent-orange);
}

/* Override table styles */
.quotes-table th,
.service-orders-table th {
    background-color: var(--primary-blue);
}

/* Override alert styles */
.alert-error {
    border-color: var(--accent-orange);
    color: var(--accent-orange);
}

/* Override collapsible styles */
.collapsible-header {
    background-color: var(--primary-blue);
}

.collapsible-header:hover {
    background-color: var(--secondary-blue);
}

/* Override stat card styles */
.stat-card {
    background-color: var(--stat-card-bg);
    border: 1px solid var(--light-gray);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.stat-number {
    color: var(--accent-orange);
}

/* Override footer styles */
footer {
    background-color: var(--primary-blue);
}

/* Override form input styles */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
select,
textarea {
    background-color: var(--dark-input);
    color: var(--off-white);
    border-color: var(--light-gray);
}

/* Override quote/service order card styles */
.quote-card,
.service-order-card {
    background-color: var(--dark-card);
    border-color: var(--light-gray);
}

.quote-card.selected,
.service-order-card.selected {
    border-color: var(--accent-orange);
}

.quote-card:hover,
.service-order-card:hover {
    border-color: var(--accent-orange);
}

/* Override pricing table styles */
.pricing-table .setup-fee-row {
    color: var(--accent-orange);
}

/* Override modal styles */
.modal-content {
    background-color: var(--dark-card);
    border-color: var(--light-gray);
}