/*
========================================================

Project : ZBITVERSE
Version : 1.0
File : typography.css

Description:
Typography System

========================================================
*/

/* ===========================
   GOOGLE FONT
=========================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');


/* ===========================
   BODY
=========================== */

body{

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

    color:var(--color-text);

    font-size:var(--font-size-md);

    font-weight:var(--fw-regular);

    line-height:1.7;

}


/* ===========================
   HEADINGS
=========================== */

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

    margin:0;

    font-weight:var(--fw-bold);

    line-height:1.1;

    letter-spacing:-1px;

    color:var(--color-white);

}


/* ===========================
   H1
=========================== */

h1{

    font-size:clamp(3rem,7vw,5rem);

}


/* ===========================
   H2
=========================== */

h2{

    font-size:clamp(2.2rem,5vw,3.5rem);

}


/* ===========================
   H3
=========================== */

h3{

    font-size:clamp(1.7rem,4vw,2.3rem);

}


/* ===========================
   H4
=========================== */

h4{

    font-size:1.5rem;

}


/* ===========================
   PARAGRAPHS
=========================== */

p{

    margin:0;

    color:var(--color-text-secondary);

    font-size:1.125rem;

    line-height:1.8;

}


/* ===========================
   LINKS
=========================== */

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition-fast);

}


/* ===========================
   STRONG
=========================== */

strong{

    color:var(--color-white);

    font-weight:var(--fw-semibold);

}