/**
 * Typography — Font imports and text styles.
 *
 * @package WB_Developer_Theme
 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Poppins:wght@400;500;600;700&display=swap');

/* Base body text */
body {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: 1.7;
    color: var(--color-text-primary);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-sm);
}

h1 { font-size: var(--text-4xl); }
h2 { font-size: var(--text-3xl); }
h3 { font-size: var(--text-2xl); }
h4 { font-size: var(--text-xl); }
h5 { font-size: var(--text-lg); }
h6 { font-size: var(--text-md); }

/* Paragraphs */
p {
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-secondary);
}

/* Links */
a {
    color: var(--color-link);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--color-link-hover);
}

/* Small text */
small,
.wb-text-sm {
    font-size: var(--text-sm);
}

/* Accent font utility */
.wb-font-accent {
    font-family: var(--font-accent);
}

/* Strong / Bold */
strong, b {
    font-weight: 600;
}

/* Blockquote */
blockquote {
    font-family: var(--font-heading);
    font-style: italic;
    font-size: var(--text-lg);
    color: var(--color-text-primary);
    border-left: 3px solid var(--color-gold);
    padding-left: var(--spacing-md);
    margin: var(--spacing-md) 0;
}