:root {
    --primary: #b67a3c;
    --font-display: 'Outfit';
}

body {
    font-family: 'Outfit', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.tech-pattern {
    background-color: #15171b;
    background-image: radial-gradient(rgba(182, 122, 60, 0.55) 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    background-position: 0 0, 12px 12px;
    opacity: 0.14;
}

.cyber-gradient {
    background: linear-gradient(135deg, rgba(182, 122, 60, 0.14) 0%, rgba(21, 23, 27, 0) 100%);
}

.glow-border:hover {
    box-shadow: 0 0 20px rgba(182, 122, 60, 0.22);
    border-color: rgba(182, 122, 60, 0.48);
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.prose p {
    margin-bottom: 1.5rem;
    line-height: 1.75;
    color: #cbd5e1;
}

.prose h2 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    color: #f1f5f9;
}