:root {
  --primary-color-app:#80694D;
  --primary-dark-color-app:#574938;
  --primary-light-color-app:#EAD8C0;
  --primary-gradient-color-app: linear-gradient(to right, #80694D, #EAD8C0, #80694D, #80694D);

  --secondary-color-app:#776E5F;
  --secondary-dark-color-app:#4A443B;
  --secondary-light-color-app:#E6E4E0;
  --secondary-gradient-color-app: linear-gradient(to right, #776E5F, #e1e1e1, #776E5F, #776E5F);

  --light-color-app: #E6E4E0;
  --dark-color-app:#232323;

  --base-light-color-app:#FFFFFF;
  --base-dark-color-app:#000000;

  --primary-font-app:"Jost", sans-serif;
  --secondary-font-app:"Jost", sans-serif;
  --tertiary-font-app:"Salvatores", serif;

  --light-weight-app:300;
  --regular-weight-app:400;
  --semibold-weight-app:500;
  --bold-weight-app:600;
	
/* @link https://utopia.fyi/type/calculator?c=320,17,1.125,1920,18,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

  --step--2: clamp(0.6331rem, 0.8808rem + -0.2064vw, 0.8395rem);
  --step--1: clamp(0.844rem, 0.9645rem + -0.1005vw, 0.9444rem);
  --step-0: clamp(1.0625rem, 1.05rem + 0.0625vw, 1.125rem);
  --step-1: clamp(1.1953rem, 1.1345rem + 0.3043vw, 1.4996rem);
  --step-2: clamp(1.3447rem, 1.2139rem + 0.6543vw, 1.999rem);
  --step-3: clamp(1.5128rem, 1.2824rem + 1.1518vw, 2.6647rem);
  --step-4: clamp(1.7019rem, 1.3319rem + 1.8501vw, 3.552rem);
  --step-5: clamp(1.9147rem, 1.3506rem + 2.8202vw, 4.7348rem);

  --lspace-n-app: -.15rem;
  --lspace-n-s-app: -1px;
  --lspace-n-m-app: -.05rem;
  --lspace-n-l-app: -.15rem;
  --lspace-p-app:  .15rem;
  --lspace-p-s-app:  1px;
  --lspace-p-m-app:  .05rem;
  --lspace-p-l-app:  .15rem;

  --line-s-app:1.1;
  --line-m-app:1.25;
  --line-l-app:1.5;

  --border-xxs-app:0.5px;
  --border-xs-app:1px;
  --border-s-app:2px;
  --border-m-app:4px;
  --border-l-app:6px;
  --border-xl-app:8px;

  --spacer-xxs-app:0.5rem;
  --spacer-xs-app:1rem;
  --spacer-s-app:2rem;
  --spacer-m-app:4rem;
  --spacer-l-app:6rem;
  --spacer-xl-app:8rem;

  --spacer-vm-xxs-app:0.5vmin;
  --spacer-vm-xs-app:1vmin;
  --spacer-vm-s-app:2vmin;
  --spacer-vm-m-app:4vmin;
  --spacer-vm-l-app:6vmin;
  --spacer-vm-xl-app:8vmin;

  --spacer-vh-xs-app:1vh;
  --spacer-vh-s-app:2vh;
  --spacer-vh-m-app:4vh;
  --spacer-vh-l-app:6vh;
  --spacer-vh-xl-app:8vh;

  --spacer-vw-xs-app:1vw;
  --spacer-vw-s-app:2vw;
  --spacer-vw-m-app:4vw;
  --spacer-vw-l-app:6vw;
  --spacer-vw-xl-app:8vw;
  
  --text-width-s-app:60ch;
  --text-width-m-app:75ch;
  --text-width-l-app:90ch;

  --box-shadow-s-app:rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --box-shadow-m-app:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --box-shadow-l-app:rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;

  --text-shadow-dark-app:0 2px 8px rgba(0, 0, 0, .5);
  --text-shadow-light-app:0 2px 8px rgba(255, 255, 255, .5);
}

body {
    background-color: var(--base-light-color-app);
    color: var(--dark-color-app);

    font-family: var(--primary-font-app);
    font-optical-sizing: auto;
    font-size: var(--step-0);
    font-style: normal;
    font-weight: var(--light-weight-app);
    line-height: var(--line-l-app);
}

.u-h1, 
.u-h2, 
.u-h3, 
.u-h4, 
.u-h5, 
.u-h6, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    color: var(--primary-color-app);
    font-family: var(--secondary-font-app);
    font-style: normal;
    font-weight: var(--regular-weight-app);
    letter-spacing: var(--lspace-n-m-app);
    line-height: var(--line-s-app);
    text-transform: uppercase;
    margin-bottom: var(--spacer-xs-app);
    margin-top:  var(--spacer-xs-app) ;
}

p {
    margin-top: var(--spacer-xs-app);
    margin-bottom: var(--spacer-xs-app);
}