How Burkland Uses Puzzle | Startup Case Study

:root {
  --color-dominant: #66f4b5;
  --color-surface: #e4dcfb;
  --color-ink: #341464;
  --color-accent: #a66c5c;
  --color-detail: #dac9be;
}

/* CSS variables exposed by source */
:root {
  --accent: #84f6b1;
  --text-light-grey: #d1d1d5;
  --color: white;
  --space-blue: #211f35;
  --_colors---silver: #949494;
  --yellow: #d1d1d5;
  --_colors---orange-deep: #ff9626;
  --_body-font-size---22px--size: 22px;
  --_body-font-size---18px--size: 1.125rem;
  --_colors---green-medium: #96fccd;
  --_body-font-size---14px--size: 14px;
  --_colors---grey: #a6a6a6;
  --_heading-font-size---h5-20px--line-height: 1.3;
  --case-study-card-gray: #404040;
  --_colors---neutral-alabaster: #e4e4dd;
  --_heading-font-size---headline-l--line-height: 1.3;
  --_colors---black-70: #000000b3;
  --black50: #0a0b0b80;
  --_colors---neutral-black-60: #0a0b0b99;
  --_body-font-size---button-small--number-2: 1.4;
  --_body-font-size---28px--line-height: 1.3;
  --_body-font-size---16px--size: 16px;
  --blue70: #211f34b3;
  --_body-font-size---30px--size: 30px;
  --_body-font-size---12px--line-height: 1.5;
  --_colors---orange-medium: #ffc07d;
  --_heading-font-size---h3-36px--size: 2.25rem;
  --white: white;
  --light-purple: #e6def8;
  --dark-green: #23cf90;
  --_heading-font-size---h2-44px--line-height: 1.05;
  --_heading-font-size---h4-28px--line-height: 1.3;
  --_colors---white-30: #ffffff4d;
  --_colors---neutral-black-70: #0a0b0bb3;
  --_heading-font-size---headline-xl--line-height: 1.3;
  --black-101: black;
  --neutral-black: #0a0b0b;
  --_heading-font-size---h1-52px--size: 3.25rem;
  --case-study-card-purple: #512b80;
  --_colors---green-deep: #50faab;
  --_colors---green-light: #cafde6;
  --_colors---white-12: #ffffff1f;
  --_heading-font-size---headline-m--size: 1.25rem;
  --_colors---pink-medium: #ffb6e2;
  --_body-font-size---16px--line-height: 1.4;
  --_heading-font-size---headline-l--size: 1.5rem;
  --white70: #ffffffb3;
  --_colors---lavender-100: #e6def8;
  --_body-font-size---20px--line-height: 1.5;
  --medium-purple: #936cc5;
  --blue-600: #fffa84;
  --blue: #00b2ff;
  --black-102: black;
  --_colors---violet-dark: #311164;
  --gray-300: #b3b2b8;
  --_body-font-size---18px--line-height: 1.4;
  --_colors---violet-medium: #ceb4fa;
  --swiper-theme-color: #007aff;
  --_body-font-size---22px--number: 1.14;
  --_colors---neutral-black-20: #0a0b0b33;
}