:root {
    --mine-dark: #121212;
    --metal-gray: #343a40;
    --gold: #c5a059;
    --orange: #e65c00;
    --text-body: 'Open Sans', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
}

body {
    font-family: var(--text-body);
    background-color: #ffffff;
    color: var(--metal-gray);
}

h1, h2, h3, .navbar-brand {
    font-family: var(--font-heading);
}

/* Colores personalizados */
.bg-mine-dark { background-color: var(--mine-dark); }
.bg-metal { background-color: var(--metal-gray); }
.color-orange { color: var(--orange); }
.color-gold { color: var(--gold); }
.border-orange { border-color: var(--orange) !important; }

/* Botones */
.btn-orange {
    background-color: var(--orange);
    border-color: var(--orange);
    color: white;
    font-weight: 600;
}
.btn-orange:hover {
    background-color: #cc5200;
    color: white;
}
.btn-outline-gold {
    border-color: var(--gold);
    color: var(--gold);
}
.btn-outline-gold:hover {
    background-color: var(--gold);
    color: white;
}

/* Hero Section */
.hero {
    height: 80vh;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1574362848149-11496d93a7c7?q=80&w=2000&auto=format&fit=crop'); /* Imagen de planta minera */
    background-size: cover;
    background-position: center;
}

/* Mobile First Optimizations */
@media (max-width: 768px) {
    .hero { height: 60vh; }
    .display-3 { font-size: 2.2rem; }
}

.card { border-radius: 12px; }