/* ===== GLOBAL PREMIUM BRANDING — Navy + Yellow en TODAS las páginas ===== */

/* Override color variables */
:root {
    --blue: #0c172a !important;
    --blue-dark: #070f1a !important;
    --accent: #ffc400;
    --accent-dark: #e6b000;
    --navy: #0c172a;
    --yellow: #ffc400;
}

/* Primary buttons → yellow */
.button, .btn,
.nav-cta,
input[type="submit"],
button[type="submit"] {
    background: #ffc400 !important;
    color: #111827 !important;
    border-color: #ffc400 !important;
}

.button:hover, .btn:hover,
.nav-cta:hover {
    background: #e6b000 !important;
    box-shadow: 0 12px 30px rgba(255, 196, 0, .3) !important;
}

/* Links accent → navy */
.section-link,
a.text-primary {
    color: #0c172a !important;
    font-weight: 800;
}

.section-link:hover,
a.text-primary:hover {
    color: #ffc400 !important;
}

/* Badge / tag accents → yellow */
.badge, .tag, .job-badge {
    background: #ffc400 !important;
    color: #5a4500 !important;
}

/* Focus states → yellow glow */
input:focus, select:focus, textarea:focus {
    border-color: #ffc400 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 196, 0, .15) !important;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }