/* --- Global Styles & Typography --- */
body {
    background-color: #f9f9f9;
    color: #1a1a1b;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- Header Customization --- */
header, .navbar {
    background-color: #1a1a1b !important;
    border-bottom: 3px solid #f28c33; /* The signature orange line */
    padding: 1rem 0;
}

.header-text, .nav-link {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #f28c33 !important;
}

/* --- Buttons: Primary & Secondary --- */
.btn-primary, .primary-button {
    background-color: #f28c33 !important;
    border-color: #f28c33 !important;
    color: #ffffff !important;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #c05c1d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(242, 140, 51, 0.3);
}

.btn-secondary {
    background-color: #1a1a1b !important;
    color: #ffffff !important;
    border: 1px solid #333;
}

/* --- Links & Interaction --- */
a {
    color: #f28c33;
    text-decoration: none;
    transition: 0.2s;
}

a:hover {
    color: #c05c1d;
    text-decoration: underline;
}

/* --- Breadcrumbs --- */
.breadcrumb-container {
    background-color: #f3f3f3;
    padding: 10px 20px;
    border-radius: 8px;
}

.breadcrumb-item a {
    color: #1a1a1b;
}

.breadcrumb-item a:hover {
    color: #f28c33;
}

/* --- Knowledge Base Cards/Tabs --- */
.kb-card, .tab-item {
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: border-color 0.3s ease;
}

.kb-card:hover {
    border-color: #f28c33;
    background-color: #ffffff;
}

/* --- Footer --- */
footer {
    background-color: #1a1a1b !important;
    color: #bbbbbb !important;
    padding: 40px 0;
}

footer a {
    color: #f28c33 !important;
}

footer a:hover {
    color: #ffffff !important;
}