/* ==========================================================
   LicitaAI.club
   typography.css
   Design System v2.0
   Mobile First
   Compatível com todos os HTMLs existentes
==========================================================*/

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

body{
    font-family:var(--font-family);
    font-size:var(--font-size-md);
    font-weight:var(--font-weight-normal);
    color:var(--text-primary);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

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

h1,h2,h3,h4,h5,h6{
    margin:0 0 var(--space-4);
    font-weight:var(--font-weight-bold);
    color:var(--text-primary);
    line-height:1.2;
}

h1{font-size:clamp(2.4rem,5vw,3.8rem);}
h2{font-size:clamp(2rem,4vw,3rem);}
h3{font-size:clamp(1.6rem,3vw,2.2rem);}
h4{font-size:1.35rem;}
h5{font-size:1.15rem;}
h6{font-size:1rem;}

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

p{
    margin:0 0 var(--space-4);
    color:var(--text-secondary);
    line-height:1.8;
}

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

a{
    color:var(--color-primary);
    text-decoration:none;
    transition:var(--transition-fast);
}

a:hover{
    color:var(--color-primary-light);
}

/*==========================================================
  LISTS
==========================================================*/

ul,ol{
    margin:0 0 var(--space-5);
    padding-left:1.4rem;
}

li{
    margin-bottom:8px;
    line-height:1.7;
}

/*==========================================================
  SMALL
==========================================================*/

small{
    font-size:var(--font-size-sm);
    color:var(--color-gray-500);
}

/*==========================================================
  FONT WEIGHTS
==========================================================*/

.text-light{font-weight:var(--font-weight-light);}
.text-normal{font-weight:var(--font-weight-normal);}
.text-medium{font-weight:var(--font-weight-medium);}
.text-semibold{font-weight:var(--font-weight-semibold);}
.text-bold{font-weight:var(--font-weight-bold);}

/*==========================================================
  ALIGNMENTS
==========================================================*/

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

/*==========================================================
  COLORS
==========================================================*/

.text-primary{color:var(--color-primary);}
.text-secondary{color:var(--text-secondary);}
.text-success{color:var(--color-success);}
.text-warning{color:var(--color-warning);}
.text-danger{color:var(--color-danger);}
.text-white{color:var(--color-white);}
.text-muted{color:var(--color-gray-500);}

/*==========================================================
  DISPLAY
==========================================================*/

.display-1{
    font-size:clamp(3rem,7vw,5rem);
    font-weight:700;
    line-height:1.05;
}

.display-2{
    font-size:clamp(2.5rem,6vw,4.2rem);
    font-weight:700;
    line-height:1.1;
}

.display-3{
    font-size:clamp(2rem,5vw,3.2rem);
    font-weight:700;
    line-height:1.15;
}

/*==========================================================
  LEAD
==========================================================*/

.lead{
    font-size:1.2rem;
    line-height:1.9;
    color:var(--text-secondary);
}

/*==========================================================
  CODE
==========================================================*/

code,pre{
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}