/* =========================================
   1. FONT IMPORTS
   ========================================= */

/* Auto-loaded Google Fonts from Brand Manual */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200&family=Lexend+Mega:wght@300&family=Noto+Serif+SC:wght@600&family=Schibsted+Grotesk:wght@400;700&display=swap');

/* Custom Fonts Placeholder (Requires downloaded files in a /fonts/ folder) */
@font-face {
    font-family: 'Huiwen-Mincho';
    src: url('fonts/huiwen-mincho.woff2') format('woff2'); /* Placeholder path */
}

@font-face {
    font-family: 'Sentient Variable';
    src: url('fonts/Sentient-Variable.woff2') format('woff2'); /* Placeholder path */
    font-weight: 400 500;
}

@font-face {
    font-family: 'GT Ultra Median';
    src: url('fonts/GT-Ultra-Median-Trial-Bold.woff2') format('woff2'); /* Placeholder path */
    font-weight: bold;
}

/* =========================================
   2. BASE VARIABLES & TYPOGRAPHY
   ========================================= */

body {
    background-color: #F4F3EE; 
    color: #2C2A29; 
    font-family: 'Schibsted Grotesk', sans-serif;
    padding-top: 90px; /* THIS PUSHES THE CONTENT DOWN */
}

/* Primary Headers: Noto Serif SC (Semibold) */
h1, h2, h3, h4, h5, .brand-text {
    font-family: 'Noto Serif SC', serif;
    font-weight: 600;
}

/* Navigation & Buttons: Lexend Mega (Light) */
.nav-link, .btn {
    font-family: 'Lexend Mega', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Utility Classes for Future Use */
.font-jetbrains {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 200;
}

.font-huiwen {
    font-family: 'Huiwen-Mincho', serif;
}

.font-sentient {
    font-family: 'Sentient Variable', serif;
}

.font-gt-ultra {
    font-family: 'GT Ultra Median', sans-serif;
    font-weight: bold;
}

/* =========================================
   3. COMPONENT STYLING
   ========================================= */

.navbar {
    background-color: transparent; 
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.nav-link {
    font-size: 0.85rem;
    color: #2C2A29 !important;
    transition: color 0.3s ease;
}

.nav-link:hover { 
    color: #8A9A5B !important; 
}

.btn, .card {
    border-radius: 0 !important; 
}

.btn-dark {
    background-color: #2C2A29;
    border: none;
    padding: 12px 24px;
}

.btn-dark:hover {
    background-color: #4A4A4A;
}

.svg-container {
    display: flex;
    align-items: center;
    gap: 12px;
}