/*==============================================================
ACADEMIA PARA REVENDEDORES
TYPOGRAPHY.CSS
Framework UI v1.0
==============================================================*/

body{
    font-family:var(--font-primary);
    font-size:var(--fs-16);
    font-weight:var(--fw-normal);
    line-height:var(--lh-lg);
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--font-heading);
    color:var(--text);
    font-weight:var(--fw-bold);
    line-height:var(--lh-sm);
    margin-bottom:20px;
}

h1{font-size:var(--fs-60);}
h2{font-size:var(--fs-48);}
h3{font-size:var(--fs-36);}
h4{font-size:var(--fs-32);}
h5{font-size:var(--fs-24);}
h6{font-size:var(--fs-20);}

p{
    margin-bottom:20px;
    color:var(--text-light);
}

.lead{
    font-size:var(--fs-22);
    line-height:1.8;
}

.small{
    font-size:var(--fs-14);
    color:var(--text-muted);
}

.display-1{font-size:72px;font-family:var(--font-heading);font-weight:800;}
.display-2{font-size:60px;font-family:var(--font-heading);font-weight:800;}
.display-3{font-size:48px;font-family:var(--font-heading);font-weight:700;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.text-gold{color:var(--gold-500);}
.text-muted{color:var(--text-muted);}
.text-success{color:var(--success);}
.text-warning{color:var(--warning);}
.text-danger{color:var(--danger);}
.text-info{color:var(--info);}

blockquote{
    margin:30px 0;
    padding:24px 28px;
    border-left:4px solid var(--gold-500);
    background:var(--bg-card);
    border-radius:var(--radius-md);
    color:var(--text-light);
    font-style:italic;
}

code{
    padding:3px 8px;
    border-radius:6px;
    background:#111;
    color:var(--gold-500);
}

pre{
    margin:30px 0;
    padding:24px;
    border-radius:var(--radius-md);
    background:#111;
    overflow:auto;
}

@media(max-width:768px){
    h1{font-size:38px;}
    h2{font-size:30px;}
    h3{font-size:24px;}
    .display-1{font-size:42px;}
    .display-2{font-size:34px;}
    .display-3{font-size:30px;}
}