Materra

:root {
  --color-dominant: #db3434;
  --color-surface: #fcf4ec;
  --color-ink: #617418;
  --color-accent: #4c945a;
  --color-detail: #d5bfb3;
}

/* CSS variables exposed by source */
:root {
  --size-h2: 3.8rem;
  --size-h2-tablet: 2.4rem;
  --size-quote: 2.1rem;
  --secondary-font: Manrope,sans-serif;
  --size-quote-mobile: 1rem;
  --size-p1: 1.35rem;
  --size-h1-mobile: 2.15rem;
  --size-h1-tablet: 3.6rem;
  --size-h2-mobile: 1.6rem;
  --primary-font: "Bricolage Grotesque",sans-serif;
  --size-p1-mobile: .8rem;
  --size-quote-tablet: 1.65rem;
  --rounded-corner-01: 1.25rem;
  --size-h1: 5.7rem;
  --size-p1-tablet: 1rem;
  --padding-xsmall-tablet: 1.4rem;
  --padding-xlarge: 12rem;
  --letter-spacing--0-03: -.03em;
  --purple-05: #c9b6f6;
  --purple-02: #c5bbff;
  --padding-small-mobile: 2rem;
  --black: #000;
  --padding-global-small: 4.438rem;
  --horiz-scrioll-desktop: 280svh;
  --padding-large: 7.513rem;
  --black-2: black;
  --padding-large-tablet: 6rem;
  --white: #fffcf7;
  --brown-01: #824628;
  --padding-small-tablet: 3.075rem;
  --cream: #fcf6eb;
  --_percentage---100: 100%;
  --fillet--0-5-rem: .5rem;
  --container-large-maxwidth: 80rem;
  --padding-xlarge-mobile: 5rem;
  --fillet--2: 2rem;
  --purple-03: #9b8edd;
  --purple-01: #652c8e;
  --fillet--1-5-rem: 1.5rem;
  --purple-04: #bda7f4;
  --padding-large-mobile: 4rem;
  --padding-xsmall: 1.4rem;
  --white-2: white;
  --padding-xsmall-mobile: 1.15rem;
  --padding-xxsmall-mobile: .8rem;
  --padding-small: 3.075rem;
  --accessible-components--dark-grey: #9b9b9b;
  --padding-xlarge-tablet: 8rem;
  --beige-01: #fffcf7;
  --_guardian-variables---font-v2: Georgia,Times,"Times New Roman",serif;
  --letter-spacing--0-02: -.02em;
  --_percentage---50: 50%;
  --fillet--1-rem: 1rem;
  --padding-xxsmall-tablet: 1rem;
  --padding-xxsmall: 1.1rem;
}