/* ============================================================
   BlueHorn Supply — Base CSS
   Shared variables and utilities loaded by every context
   (landing pages, dashboard, portal)
   ============================================================ */

:root {
    /* Brand colors */
    --bh-dark: #161616;
    --bh-body: #ffffff;
    --bh-alt: #f6f6f6;
    --bh-blue: #2674DE;
    --bh-text: #1b1b1b;
    --bh-muted: #575757;
    --bh-danger: #d9534f;
    --bh-danger-hover: #c9302c;

    /* Button colors */
    --bh-btn: #2674DE;
    --bh-btn-secondary: #00aa1c;
    --bh-btn-hover: #2674DE;

    /* Brand gradients */
    --bh-gradient: linear-gradient(135deg, #1a3c5e 0%, #0d6efd 100%);
    --bh-danger-gradient: linear-gradient(135deg, #7f1d1d 0%, #dc3545 100%);
}

/* ── Gradient utilities ──────────────────────────────────── */
.bg-bh-gradient {
    background: var(--bh-gradient);
}

.bg-bh-danger-gradient {
    background: var(--bh-danger-gradient);
}

/* ── Text utilities ──────────────────────────────────────── */
.bh-text-blue {
    color: var(--bh-blue);
}

/* ── Brand buttons ───────────────────────────────────────── */
.btn-bh {
    background-color: var(--bh-btn);
    color: #fff;
    border: none;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.btn-bh:hover {
    background-color: var(--bh-btn-hover);
    color: #fff;
}

.btn-bh-outline {
    background-color: transparent;
    color: #fff;
    border: 2px solid var(--bh-btn);
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-bh-outline:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.btn-bh-green {
    background-color: #52b788;
    color: #fff;
    border: none;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.btn-bh-green:hover {
    background-color: #40916c;
    color: #fff;
}

.btn-bh-orange {
    background-color: #f97316;
    color: #fff;
    border: none;
    padding: 0.35rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.btn-bh-orange:hover {
    background-color: #ea670c;
    color: #fff;
}

.btn-bh-green-outline {
    background-color: transparent;
    color: #52b788;
    border: 2px solid #52b788;
    padding: 0.65rem 1.75rem;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-bh-green-outline:hover {
    background-color: #52b788;
    color: #fff;
}

.btn-bh-blue-gradient {
    background: var(--bh-gradient);
    color: #fff;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    transition: opacity 0.2s;
}

.btn-bh-blue-gradient:hover {
    opacity: 0.88;
    color: #fff;
}

.btn-bh-danger-gradient {
    background: var(--bh-danger-gradient);
    color: #fff;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    transition: opacity 0.2s;
}

.btn-bh-danger-gradient:hover {
    opacity: 0.88;
    color: #fff;
}