/* ============================================
   MASTER FONT SYSTEM - GLplus
   Single source of truth untuk semua font
   ============================================ */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');

/* ============================================
   CSS Variables untuk Font
   ============================================ */
:root {
    /* Primary Font Stack */
    --font-primary: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    
    /* Display/Heading Font Stack */
    --font-display: 'Syne', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    
    /* Monospace Font Stack (untuk code, data, dll) */
    --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

/* ============================================
   Global Font Application
   ============================================ */

/* Base font untuk seluruh document */
html, body {
    font-family: var(--font-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Font untuk semua elemen (cascade inheritance) */
* {
    font-family: inherit;
}

/* Font untuk heading (bisa menggunakan display font jika diinginkan) */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    font-weight: 600;
}

/* Font untuk monospace elements */
code, pre, kbd, samp, .mono, .font-mono {
    font-family: var(--font-mono) !important;
}

/* Font untuk display/hero text */
.font-display, .heading-display {
    font-family: var(--font-display);
    font-weight: 700;
}