:root {
    --mustard: #faa21b; /* adjust to your exact */
    --mustard-dark: #C98F00;
    --mustard-ink: #1B1B1B;
    --mustard-bg: #FFF8E1;
    --mustard-grey: #58595b;
}

/* Page background + default text */
body {
    color: var(--mustard-ink);
    background: #fff;
}

/* Primary buttons */
.btn-warning,
.btn.btn-warning {
    background-color: var(--mustard);
    border-color: var(--mustard);
    color: var(--mustard-ink);
    font-weight: 600;
}

    .btn-warning:hover,
    .btn.btn-warning:hover {
        background-color: var(--mustard-dark);
        border-color: var(--mustard-dark);
        color: #000;
    }

/* Links */
a {
    color: var(--mustard-dark);
}

    a:hover {
        color: var(--mustard-ink);
    }

/* Badges */
.badge.bg-secondary {
    background-color: #111 !important; /* strong contrast */
}

/* Light “mustard” panel */
.alert.alert-light.border {
    background: var(--mustard-bg);
    border-color: #f3d36a !important;
}

/* Optional: section headings */
h1, h2, h3 {
    letter-spacing: -0.02em;
}
.about-values {
    background: #555; /* close to your existing grey band */
}

.about-avatar {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.about-hero-img {
    max-width: 320px;
}
.cred-card {
    background: var(--mustard); /* Mustard orange */
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(250,162,27,0.25);
    color: #ffffff;
    transition: all 0.2s ease;
}

    .cred-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 16px 35px rgba(250,162,27,0.35);
    }

.cred-title {
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.cred-text {
    color: rgba(255,255,255,0.9);
}