/* ==========================================================
   SPARK DESIGN SYSTEM™
   TYPOGRAPHY
========================================================== */

body{
    margin:0;

    font-family:var(--font-body);

    color:var(--text-1);

    background:var(--surface-1);

    line-height:1.7;

    letter-spacing:.2px;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;
}

/* ==========================================
   Headings
========================================== */

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0 0 1rem;

    font-family:var(--font-heading);

    font-weight:700;

    line-height:1.2;

    color:var(--text-1);

}

h1{font-size:clamp(2.5rem,5vw,3.5rem);}
h2{font-size:clamp(2rem,4vw,2.75rem);}
h3{font-size:1.75rem;}
h4{font-size:1.375rem;}
h5{font-size:1.125rem;}
h6{font-size:1rem;}

/* ==========================================
   Paragraphs
========================================== */

p{

    margin:0 0 1.5rem;

    color:var(--text-2);

}

/* ==========================================
   Links
========================================== */

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition-base);

}

a:hover{

    color:var(--color-primary);

}