/*==========================================================
  Nexia UI Framework
  File: typography.css
  Purpose:
      Global Typography
      Font Families
      Font Weights
      Text Colors
      Lists
      Links
      Quotes
      Code
      Selection
==========================================================*/


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

body{

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

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

    font-weight:var(--nx-weight-normal);

    line-height:1.65;

    color:var(--nx-text);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}


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

h1{

    font-size:clamp(2.6rem,5vw,3.6rem);

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

}

h2{

    font-size:clamp(2rem,4vw,2.8rem);

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

}

h3{

    font-size:clamp(1.7rem,3vw,2.2rem);

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

}

h4{

    font-size:1.45rem;

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

}

h5{

    font-size:1.2rem;

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

}

h6{

    font-size:1rem;

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

}


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

p{

    margin:0 0 1.2rem;

}


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

a{

    color:inherit;

    text-decoration:none;

    transition:var(--nx-transition);

}


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

ul,
ol{

    padding-left:1.5rem;

    margin-bottom:1.2rem;

}

li{

    margin-bottom:.45rem;

}


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

strong,
b{

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

}


/*==========================================================
  EMPHASIS
==========================================================*/

em,
i{

    font-style:italic;

}


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

small{

    font-size:var(--nx-font-size-sm);

}


/*==========================================================
  LABELS
==========================================================*/

label{

    font-weight:var(--nx-weight-medium);

}


/*==========================================================
  INPUTS
==========================================================*/

input,
textarea,
select{

    font-family:inherit;

    font-size:inherit;

    font-weight:var(--nx-weight-medium);

}


/*==========================================================
  BUTTONS
==========================================================*/

button,
.button,
.wp-element-button,
.wp-block-button__link{

    font-family:inherit;

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

}


/*==========================================================
  PLACEHOLDERS
==========================================================*/

::placeholder{

    font-weight:var(--nx-weight-normal);

    color:var(--nx-placeholder);

}


/*==========================================================
  TABLES
==========================================================*/

table{

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

}

th{

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

}


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

code,
pre{

    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;

}


/*==========================================================
  TEXT SELECTION
==========================================================*/

::selection{

    background:var(--nx-primary);

    color:#fff;

}