Pangrampangram

:root {
  --color-dominant: #e7a606;
  --color-surface: #371e0d;
  --color-ink: #fcf4f4;
  --color-accent: #8f8880;
  --color-detail: #c6bdb0;
}

/* CSS variables exposed by source */
:root {
  --space-2xs-xs: clamp(.4375rem, .3794rem + .2907vw, .75rem);
  --space-3xs-2xs: clamp(.25rem, .2035rem + .2326vw, .5rem);
  --space-l: clamp(1.75rem, 1.7035rem + .2326vw, 2rem);
  --space-xl-3xl: clamp(2.625rem, 1.9971rem + 3.1395vw, 6rem);
  --space-m: clamp(1.3125rem, 1.2776rem + .1744vw, 1.5rem);
  --font-heading-style: normal;
  --border-radius: 1.25rem;
  --space-5xl: clamp(8.75rem, 8.5174rem + 1.1628vw, 10rem);
  --space-xl-2xl: clamp(2.625rem, 2.3692rem + 1.2791vw, 4rem);
  --space-3xl-4xl: clamp(5.25rem, 4.7384rem + 2.5581vw, 8rem);
  --space-xl: clamp(2.625rem, 2.5552rem + .3488vw, 3rem);
  --color-gray-darker: 0 0 40%;
  --space-2xl-3xl: clamp(3.5rem, 3.0349rem + 2.3256vw, 6rem);
  --space-s-m: clamp(.875rem, .7587rem + .5814vw, 1.5rem);
  --color-offwhite: 0 0 98%;
  --spacing-sections-desktop: calc(clamp(.875rem, .6657rem + 1.0465vw, 2rem) * 4);
  --space-s-xl: clamp(.875rem, .4797rem + 1.9767vw, 3rem);
  --space-m-l: clamp(1.3125rem, 1.1846rem + .6395vw, 2rem);
  --color-yellow: 43 100% 50%;
  --space-4xl: clamp(7rem, 6.814rem + .9302vw, 8rem);
  --space-xs-s: clamp(.6875rem, .6294rem + .2907vw, 1rem);
  --space-l-xl: clamp(1.75rem, 1.5174rem + 1.1628vw, 3rem);
  --color-badge-foreground: 0 0 0%;
  --font-body-family: "Neue Montreal", sans-serif;
  --color-orange: 24.9 100% 48.6%;
  --space-2xl: clamp(3.5rem, 3.407rem + .4651vw, 4rem);
  --font-body-style: normal;
  --color-gray: 0 0 93%;
  --color-white: 0 0 100%;
  --font-body-weight: 400;
  --space-m-xl: clamp(1.3125rem, .9985rem + 1.5698vw, 3rem);
  --space-xs: clamp(.6875rem, .6759rem + .0581vw, .75rem);
  --color-gray-dark: 0 0 67%;
  --color-buttonhover: transparent;
  --radius-full: 999px;
  --space-s: clamp(.875rem, .8517rem + .1163vw, 1rem);
  --color-background: 0 0 98%;
  --color-primary: 11 100% 50%;
  --font-heading-family: "Neue Montreal", sans-serif;
  --color-red: 11 100% 50%;
  --space-s-l: clamp(.875rem, .6657rem + 1.0465vw, 2rem);
  --color-black: 0 0 0%;
  --font-family: "Neue Montreal", sans-serif;
  --color-green: 148 100% 68%;
  --color-button-text: 0 0 0%;
  --space-2xs: clamp(.4375rem, .4259rem + .0581vw, .5rem);
  --color-foreground: 0 0 0%;
  --color-blue: 209 100% 87.5%;
  --space-4xl-5xl: clamp(7rem, 6.4419rem + 2.7907vw, 10rem);
  --space-3xl: clamp(5.25rem, 5.1105rem + .6977vw, 6rem);
  --font-heading-weight: 600;
  --spacing-sections-mobile: calc(clamp(.875rem, .6657rem + 1.0465vw, 2rem) * 5);
  --space-3xs: clamp(.25rem, .25rem + 0vw, .25rem);
  --color-buttonhover-text: 11 100% 50%;
  --color-button: transparent;
  --color-link-hover: 11 100% 50%;
  --color-button-border: transparent;
  --color-link: 0 0 0%;
  --color-gray-medium: 0 0 85%;
  --color-buttonhover-border: transparent;
}