/* ============================================
   GRANIT NEGRU - Brand Typography & Identity
   ============================================ */

/* Google Fonts — Inter (UI/body font) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Display / Brand Font — Neue Haas Display (doar logo/sidebar) */
@font-face {
    font-family: 'Neue Haas Display';
    src: url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Display';
    src: url('../fonts/NeueHaasDisplayBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Display';
    src: url('../fonts/NeueHaasDisplayBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   Font Stack Variables
   ============================================ */
:root {
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-brand: 'Neue Haas Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================
   Typography Hierarchy
   ============================================ */
h1, h2, h3, h4, h5, h6,
.page-title,
.card-title,
.stat-value,
.stat-mini-value,
.nav-section-title {
    font-family: var(--font-heading);
}

/* Brand font — doar logo și sidebar branding */
.brand-title,
.form-title,
.sidebar-logo-text h1 {
    font-family: var(--font-brand);
}

.page-title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

.stat-value,
.stat-mini-value {
    font-weight: 800;
}

.card-title {
    font-weight: 600;
}

.nav-section-title {
    font-weight: 600;
    letter-spacing: 0.05em;
}