/* ============================================
   KAF Design System — Typography
   Font stacks, sizes, and base type rules.
   Values unchanged from current custom.css.
   ============================================ */

:root {
    --kaf-font-primary: 'Poppins', sans-serif;   /* Headings */
    --kaf-font-secondary: 'Inter', sans-serif;    /* Subheadings */
    --kaf-font-text: 'Inter', sans-serif;         /* Body copy */

    --kaf-size-primary: 48px;    /* h1 */
    --kaf-size-secondary: 36px;  /* h2 */
    --kaf-size-text: 18px;       /* Body */
}

body {
    font-family: var(--kaf-font-text);
    font-size: var(--kaf-size-text);
    font-weight: 400;
    color: var(--kaf-body-text);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--kaf-font-primary);
    font-weight: 700;
    color: var(--kaf-secondary);
    margin-bottom: 1.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

h1 {
    font-size: var(--kaf-size-primary);
    line-height: 1.2;
}

h2 {
    font-size: var(--kaf-size-secondary);
    font-family: var(--kaf-font-secondary);
    line-height: 1.3;
}

h3 {
    font-size: 2rem;
    font-family: var(--kaf-font-secondary);
    line-height: 1.4;
}

h4, h5, h6 {
    font-family: var(--kaf-font-secondary);
}

p {
    margin-bottom: 1.25rem;
    color: var(--kaf-body-text);
    font-size: var(--kaf-size-text);
    font-family: var(--kaf-font-text);
    line-height: 1.7;
}

a {
    color: var(--kaf-accent);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--kaf-secondary);
}

a.link-primary { color: var(--kaf-secondary); }
a.link-primary:hover { color: var(--kaf-primary); }
a.link-accent { color: var(--kaf-primary); }
a.link-accent:hover { color: var(--kaf-secondary); }