Better customer experiences | Sierra

:root {
  --color-dominant: #92663c;
  --color-surface: #ccab93;
  --color-ink: #6c3514;
  --color-accent: #997755;
  --color-detail: #d6c9b8;
}

/* CSS variables exposed by source */
:root {
  --text-headline-sm--line-height: 32px;
  --text-headline-lg--font-weight: normal;
  --text-body-sm: 16px;
  --color-purple-500: #7644a6;
  --text-headline-lg--line-height: 48px;
  --text-lg: 1.125rem;
  --text-body-md: 18px;
  --color-blue-700: #345eb2;
  --color-green-100: #f4fffa;
  --text-base--line-height: calc(1.5 / 1);
  --text-label-sm--line-height: 16px;
  --radius-4xl: 2rem;
  --text-headline-md--line-height: 46px;
  --text-body-lg: 20px;
  --shadow-product: 0 391px 109px 0 #0f4f8a00, 0 310px 100px 0 #0f4f8a03, 0 180px 84px 0 #0f4f8a0d, 0 75px 63px 0 #0f4f8a17, 0 28px 34px 0 #0f4f8a11;
  --color-gray-300: #898683;
  --font-mono: "gtAmericaMono", "gtAmericaMono Fallback";
  --text-body-sm--line-height: 24px;
  --text-headline-xl: 65px;
  --text-label-lg--font-weight: normal;
  --fontsize-headline-lg: 44px;
  --text-headline-md--letter-spacing: -.01em;
  --color-green-500: #006838;
  --color-green-350: #4aa45c;
  --color-purple-100: #f2ecf8;
  --text-lg--line-height: calc(1.75 / 1.125);
  --color-white: #fff;
  --color-gray-400: #625e5b;
  --color-blue-400: #8bbff5;
  --radius-sm: .25rem;
  --font-gtamerica-mono: "gtAmericaMono", "gtAmericaMono Fallback";
  --text-headline-md: 38px;
  --font-sans: "gtAmerica", "gtAmerica Fallback";
  --fontsize-headline-sm: 24px;
  --color-gray-100: #f6f5f3;
  --fontsize-headline-md: 38px;
  --color-red-800: #c72d06;
  --text-headline-xl--letter-spacing: -.02em;
  --color-red: #e94e2a;
  --fontsize-headline-xl: 65px;
  --font-gtamerica: "gtAmerica", "gtAmerica Fallback";
  --text-label-md: 14px;
  --fontsize-body-sm: 16px;
  --text-xs--line-height: calc(1 / .75);
  --text-label-sm: 12px;
  --spacing-section-padding: 80px;
  --radius-2xl: 1rem;
  --text-label-md--line-height: 20px;
  --radius-md: .375rem;
  --text-body-md--line-height: 24px;
  --radius-lg: .5rem;
  --fontsize-label-lg: 15px;
  --text-label-md--font-weight: normal;
  --spacing-container-margin: calc(.25rem * 6);
  --color-blue-100: #f3f9fe;
  --text-headline-xl--line-height: 72px;
  --text-headline-xl--font-weight: normal;
  --color-gray-350: #716f6c;
  --color-green-50: #e4eee6;
  --radius-3xl: 1.5rem;
}