:root {
    --b2b-accent: #f57c00;
    --b2b-accent-dark: #e65100;
    --b2b-accent-light: #ff9800;
    --b2b-bg: #f5f5f5;
    --b2b-card: #ffffff;
    --b2b-text: #333333;
    --b2b-muted: #666666;
}

body {
    color: var(--b2b-text);
    background: var(--b2b-bg);
}

.b2b-navbar {
    background: linear-gradient(135deg, var(--b2b-accent) 0%, var(--b2b-accent-light) 100%);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.b2b-navbar .navbar-brand,
.b2b-navbar .nav-link {
    color: #fff !important;
}

.b2b-breadcrumb {
    background: #fff;
    border-radius: 14px;
    padding: 10px 16px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.06);
    color: var(--b2b-muted);
    font-size: 0.95rem;
}

.b2b-breadcrumb strong {
    color: var(--b2b-text);
}

.b2b-card {
    background: var(--b2b-card);
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

.btn-b2b-primary {
    background: linear-gradient(135deg, var(--b2b-accent) 0%, var(--b2b-accent-light) 100%);
    color: #fff;
    border: none;
}

.btn-b2b-primary:hover {
    background: var(--b2b-accent-dark);
    color: #fff;
}

.btn-b2b-outline {
    background: transparent;
    color: var(--b2b-accent);
    border: 2px solid var(--b2b-accent);
}

.btn-b2b-outline:hover {
    background: var(--b2b-accent);
    color: #fff;
}

.b2b-topbar {
    background: linear-gradient(135deg, var(--b2b-accent) 0%, var(--b2b-accent-light) 100%);
    color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.b2b-topbar .b2b-breadcrumb {
    background: rgba(255,255,255,0.15);
    color: #fff;
    box-shadow: none;
}

.b2b-topbar .b2b-breadcrumb strong {
    color: #fff;
}