@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&family=Roboto+Mono:wght@400;700&display=swap');

:root {
    --industrial-dark: #1a1a1a;
    --industrial-gray: #333333;
    --industrial-orange: #ff9900;
    --industrial-light: #e6e6e6;
    --industrial-text: #cccccc;
}

body {
    font-family: 'Roboto Mono', monospace;
    background-color: var(--industrial-dark);
    color: var(--industrial-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bg-industrial-dark { background-color: var(--industrial-dark); }
.bg-industrial-gray { background-color: var(--industrial-gray); }
.bg-industrial-orange { background-color: var(--industrial-orange); }
.text-industrial-orange { color: var(--industrial-orange); }

.btn-industrial {
    background-color: var(--industrial-orange);
    color: #000;
    font-weight: bold;
    border: 2px solid var(--industrial-orange);
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.btn-industrial:hover {
    background-color: transparent;
    color: var(--industrial-orange);
}

.border-industrial {
    border: 2px solid var(--industrial-gray);
}

.card-industrial {
    background-color: var(--industrial-gray);
    border: 1px solid #444;
    transition: transform 0.2s;
}
.card-industrial:hover {
    transform: translateY(-2px);
    border-color: var(--industrial-orange);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #1a1a1a; 
}
::-webkit-scrollbar-thumb {
    background: #555; 
}
::-webkit-scrollbar-thumb:hover {
    background: #ff9900; 
}