/* ==========================================================================
   MNX15 Design System — Typography tokens
   Noto Sans KR everywhere. NOTE: weight labels are intentionally non-standard —
   MNX15 runs its whole UI on light/thin weights (body at 300, "bold" is 500).
   Font-size tokens are mobile-first and get SMALLER past 768px (desktop type is
   intentionally tighter than mobile). Keep the names, keep the numbers.
   ========================================================================== */
:root {
    --ff-primary: 'Noto Sans KR', sans-serif;
    --ff-body: var(--ff-primary);

    --fw-light: 100;
    --fw-regular: 300;
    --fw-semi-bold: 400;
    --fw-bold: 500;

    /* 1rem = 16px */
    --fs-100: .6875rem;
    --fs-200: .75rem;
    --fs-300: .8125rem;
    --fs-400: .875rem;
    --fs-500: .9375rem;
    --fs-600: 1rem;
    --fs-700: 1.5rem;
    --fs-800: 2.5rem;
    --fs-900: 3.5rem;

    --fs-body: var(--fs-400);
    --fs-small: var(--fs-200);
    --fs-regular: var(--fs-400);
    --fs-large: var(--fs-500);
    --fs-secondary-heading: var(--fs-600);
    --fs-primary-heading: var(--fs-700);
    --fs-nav: var(--fs-500);
    --fs-button: var(--fs-300);

    --lh-body: 1.5;
    --lh-panel: 25px;
}

/* MNX15 flips smaller on desktop, not larger — mobile is the larger/looser type scale */
@media (min-width: 768px) {
    :root {
        --fs-body: var(--fs-300);
        --fs-small: var(--fs-100);
        --fs-regular: var(--fs-300);
        --fs-large: var(--fs-400);
        --fs-secondary-heading: var(--fs-500);
        --fs-primary-heading: var(--fs-600);
        --fs-nav: var(--fs-400);
    }
}