/* ============================================================
   SFS Theme — Typography
   Font definitions and scale. No color values here.
   ============================================================ */

/* Inter — English primary font
   Download from https://fonts.google.com/specimen/Inter
   Place woff2 files in assets/fonts/inter/ */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/inter-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Noto Nastaliq Urdu — Urdu/Arabic script
   Download from https://fonts.google.com/noto/specimen/Noto+Nastaliq+Urdu
   Place woff2 files in assets/fonts/noto-nastaliq/ */
@font-face {
    font-family: 'Noto Nastaliq Urdu';
    src: url('../fonts/noto-nastaliq/noto-nastaliq-urdu-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Nastaliq Urdu';
    src: url('../fonts/noto-nastaliq/noto-nastaliq-urdu-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-primary:     'Inter', system-ui, -apple-system, sans-serif;
    --font-urdu:        'Noto Nastaliq Urdu', 'Noto Sans Arabic', serif;
    --font-mono:        'Fira Code', 'Cascadia Code', monospace;

    /* Scale */
    --text-xs:          0.75rem;    /* 12px */
    --text-sm:          0.875rem;   /* 14px */
    --text-base:        1rem;       /* 16px */
    --text-lg:          1.125rem;   /* 18px */
    --text-xl:          1.25rem;    /* 20px */
    --text-2xl:         1.5rem;     /* 24px */
    --text-3xl:         1.875rem;   /* 30px */
    --text-4xl:         2.25rem;    /* 36px */
    --text-5xl:         3rem;       /* 48px */
    --text-6xl:         3.75rem;    /* 60px */

    --leading-tight:    1.25;
    --leading-snug:     1.375;
    --leading-normal:   1.5;
    --leading-relaxed:  1.625;
    --leading-loose:    2;

    --tracking-tight:   -0.025em;
    --tracking-normal:  0em;
    --tracking-wide:    0.025em;
    --tracking-wider:   0.05em;
    --tracking-widest:  0.1em;
}

/* Base Typography */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--text-primary);
    background-color: var(--background-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Urdu RTL */
[lang="ur"], .urdu {
    font-family: var(--font-urdu);
    direction: rtl;
    text-align: right;
}