/* #region Defaults */
body {
    font-family: var(--font);
    color: var(--font-color);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size);
    line-height: 1.75;
  }
  
  a,
  a:visited {
    color: var(--theme-link);
    text-decoration: none;
  }
  
  a:hover,
  a:focus {
    color: var(--theme-link-interact);
    text-decoration: underline;
  }
  
  a:active {
    color: var(--theme-link-active);
    text-decoration: none;
  }

  a.secondary,
  a.secondary:visited {
    color: var(--theme-primary);
    text-decoration: none;
  }
  
  a.secondary:hover,
  a.secondary:focus {
    color: var(--theme-secondary);
    text-decoration: underline;
  }
  
  a:active {
    color: var(--theme-theme-primary-dark);
    text-decoration: none;
  }
  
  strong {
    font-weight: var(--font-weight-bold);
  } 
  
  em {
    font-style: italic;
  }
  
  .font-inverse {
    color: var(--font-inverse);
  }

  p {padding-bottom: var(--space-m);}
  /* #endregion */
  
  /* #region Headings */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
h4 {
    font-family: var(--font); 
    font-weight: var(--font-weight-light); 
}
  
  h1, .h1, .txt-xxxxl {font-size: var(--text-xxxl);}
  
  h2, .h2, .txt-xxxl {font-size: var(--text-xxl);}
  
  h3, .h3, .txt-xxl {font-size:var(--text-xl);}
  
  h4, .h4, .txt-xl {font-size: var(--text-l);}
  
  h5, .h5, .txt-l {font-size: var(--text-m);}
  
  h6, .h6, .txt-m {font-size: var(--text-m);}

  .txt-s {font-size: var(--text-s);}
  .txt-xs {font-size: var(--text-xs);}
 /* #endregion */
  
/* #region Text Color Utility Classes */
.txt-theme-primary {color: var(--theme-primary);}

.txt-theme-primary-lightest {color: var(--theme-primary-lightest);}
.txt-theme-primary-light {color: var(--theme-primary-light);}
.txt-theme-primary-dark {color: var(--theme-primary-dark);}
.txt-theme-primary-darkest {color: var(--theme-primary-darkest);}


.txt-theme-secondary {color: var(--theme-secondary);}

.txt-theme-tertiary {color: var(--theme-tertiary);}

.txt-theme-highlight {color: var(--theme-highlight);}

.txt-theme-tertiary-light {color: var(--theme-tertiary-light);}
.txt-theme-tertiary-dark {color: var(--theme-tertiary-dark);}

.txt-gray-900 {color: var(--gray-900);}
.txt-gray-800 {color: var(--gray-800);}
.txt-gray-700 {color: var(--gray-700);}
.txt-gray-600 {color: var(--gray-600);}
.txt-gray-500 {color: var(--gray-500);}
.txt-gray-400 {color: var(--gray-400);}
.txt-gray-300 {color: var(--gray-300);}
.txt-gray-200 {color: var(--gray-200);}
.txt-ray-100 {color: var(--gray-100);}
.txt-white {color: var(--white);}

.txt-success {color: var(--success);}
.txt-success-light {color: var(--success-light);}
.txt-success-dark {color: var(--success-dark);}

.txt-warning {color: var(--warning);}
.txt-warning-light {color: var(--warning-light);}
.txt-warning-dark {color: var(--warning-dark);}

.txt-danger {color: var(--danger);}
.txt-danger-light {color: var(--danger-light);}
.txt-danger-dark {color: var(--danger-dark);}

.txt-info {color: var(--info);}
.txt-info-light {color: var(--info-light);}
.txt-info-dark {color: var(--info-dark);}

.txt-neutral {color: var(--neutral);}
.txt-neutral-light {color: var(--neutral-light);}
.txt-neutral-dark {color: var(--neutral-dark);}

.txt-highlight {color: var(--highlight);}
 /* #endregion */
  
/* #region Text Alignment */
.left-align {text-align: left !important;}
.center-align {text-align: center !important;}
.right-align {text-align: right !important;}
/* #endregion */

ul, ol {
  list-style-type: none;
  margin: 0;
  margin-left: var(--space-s);
  padding: 0 0;
}

ul li, ol li {
  display: list-item;
  table-layout: fixed;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: var(--space-s);
  padding: var(--space-xxs) 0;
}