/**
 * Typography
 * Base typography styles
 *
 * @package MediaKit_Lite
 */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--mkp-font-heading);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--mkp-spacing-md);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: var(--mkp-spacing-md);
}

a {
    color: var(--mkp-theme-accent-1);
    text-decoration: none;
    transition: var(--mkp-transition);
}

a:hover {
    color: var(--mkp-theme-accent-1);
    text-decoration: underline;
}