Primer

:root {
  --color-dominant: #3a7be0;
  --color-surface: #cce3ec;
  --color-ink: #048b5b;
  --color-accent: #a78170;
  --color-detail: #cfc1b0;
}

/* CSS variables exposed by source */
:root {
  --size--n-container: calc(1.875rem*-1);
  --size--72: 4.5rem;
  --size--padding-global: 1.875rem;
  --font--body: "Soehne Buch",Arial,sans-serif;
  --size--6: .375rem;
  --size--32: 2rem;
  --size--28: 1.75rem;
  --color--grey<deleted|variable-f0154e8b-8788-e30c-619f-f6541ba41e58>: #c6c6c6;
  --size--56: 3.5rem;
  --size--68: 4.25rem;
  --size--12: .75rem;
  --size--30: 1.875rem;
  --size--60: 3.75rem;
  --size--52: 3.25rem;
  --size--14: .875rem;
  --size--16: 1rem;
  --size-unit: 16;
  --color--yellow: #fed933;
  --size--100: 6.25rem;
  --size--48: 3rem;
  --size--44: 2.75rem;
  --size-font: calc(clamp(1200px, 100vw, 1660px) / (1440 / 16));
  --size--18: 1.125rem;
  --color--orange: #fe6d2e;
  --size--64: 4rem;
  --color--black: black;
  --size-container: clamp(1200px, 100vw, 1660px);
  --size--10: .625rem;
  --size--140: 8.75rem;
  --font--accent: Sirca,"Times New Roman",sans-serif;
  --color--blue-dark: #2962be;
  --size--160: 10rem;
  --size--40: 2.5rem;
  --size--rectangle: 2.5rem;
  --size-container-min: 1200px;
  --size--120: 7.5rem;
  --size-container-ideal: 1440;
  --size--4: .25rem;
  --size--container: 1.875rem;
  --size--20: 1.25rem;
  --color--green: #00ad6f;
  --color--white: white;
  --color--light-grey<deleted|variable-6429f2d1-65fe-8cec-731d-12aea1a8dd22>: #e3e3e3;
  --color--blue: #377ef0;
  --size--76: 4.75rem;
  --size-container-max: 1660px;
  --size--80: 5rem;
  --color--dark-grey<deleted|variable-d7fdbaa1-2d0c-6ee7-515f-67a33475d995>: #666565;
  --size--36: 2.25rem;
  --size--86: 5.375rem;
  --size--8: .5rem;
  --size--22: 1.375rem;
  --size--24: 1.5rem;
  --nav-height: 60px;
  --_theme---border--border: black;
  --ease: .8s cubic-bezier(.84, 0, .16, 1);
  --smooth: cubic-bezier(.76, 0, .24, 1);
  --_dimension---gap: 1.25rem;
  --expoInOut: cubic-bezier(.87, 0, .13, 1);
}