/*
 * _typography.css
 * Global typography: body, headings
 * Included on all pages
 */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
    line-height: 1.5;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 700;
    margin-bottom: 0.5em;
}


/* ===========================================================
   LINK WITH ARROW
   Used for inline CTA links ("Learn more →" pattern)
   =========================================================== */
.link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-red);
    transition: gap var(--transition-normal);
}

.link-arrow:hover {
    gap: 0.75rem;
    color: var(--color-red-hover);
}