:root { 
  color-scheme: light dark;
  --darktext-primary-100: rgba(43,29,18,1.0);
  --darktext-primary-60: rgba(43,29,18,0.6);
  --darktext-primary-30: rgba(43,29,18,0.3);
  --darktext-secondary-100: rgba(146,101,48,1.0);
  --darktext-secondary-60: rgba(146,101,48,0.6);
  --darktext-secondary-30: rgba(146,101,48,0.3);
  --darkbackground: #FCFBF8;
  --universalblack: #000000;
 
  --font-size-l: 22px;
  --font-size-m: 20px;
  --font-size-s: 19px;
  --font-size-xl: 24px;
  --font-size-xs: 18px;
  --font-size-xxs: 17px;
  --font-size-xxxs: 16px;
 
  --font-family-barlow_condensed: "Barlow Condensed", Helvetica;
  --font-family-rockwell-regular: "Rockwell-Regular", Helvetica;
}

@media screen and (prefers-color-scheme: dark) {
  :root {
  	--darktext-primary-100: rgba(237,223,212,1.0);
  	--darktext-primary-60: rgba(237,223,212,0.6);
  	--darktext-primary-30: rgba(237,223,212,0.3);
  	--darktext-secondary-100: rgba(207,163,111,1.0);
  	--darktext-secondary-60: rgba(207,163,111,0.6);
  	--darktext-secondary-30: rgba(207,163,111,0.3);
  	--darkbackground: #1C1C1E;
  }
}	

.barlowcondensed-light-pearl-bush-20px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-pearl-bush-18px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-20px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-pearl-bush-16px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-24px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-18px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-16px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-32px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-28px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-pearl-bush-24px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-36px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-pearl-bush-22px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-white-20px {
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-pearl-bush-17px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-26px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-pearl-bush-19px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.rockwell-regular-normal-pearl-bush-14px {
  color: var(--darktext-primary-30);
  font-family: var(--font-family-rockwell-regular);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.barlowcondensed-light-whiskey-25px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 25px;
  font-style: normal;
  font-weight: 300;
}

.rockwell-regular-normal-pearl-bush-16px {
  color: var(--darktext-primary-30);
  font-family: var(--font-family-rockwell-regular);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.barlowcondensed-light-white-18px {
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-white-16px {
  font-family: var(--font-family-barlow_condensed);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 300;
}

.rockwell-regular-normal-pearl-bush-12px {
  color: var(--darktext-primary-30);
  font-family: var(--font-family-rockwell-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.barlowcondensed-light-pearl-bush-28px {
  color: var(--darktext-primary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
}

.barlowcondensed-light-whiskey-64px {
  color: var(--darktext-secondary-60);
  font-family: var(--font-family-barlow_condensed);
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
}

.rockwell-regular-normal-pearl-bush-20px {
  color: var(--darktext-primary-30);
  font-family: var(--font-family-rockwell-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.rockwell-regular-normal-pearl-bush-24px {
  color: var(--darktext-primary-30);
  font-family: var(--font-family-rockwell-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.rockwell-regular-normal-pearl-bush-32px {
  color: var(--darktext-primary-30);
  font-family: var(--font-family-rockwell-regular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}