Nextjs

:root {
  --color-dominant: #7f7f7f;
  --color-surface: #424242;
  --color-ink: #bcbcbc;
  --color-accent: #767676;
  --color-detail: #bcbcbc;
}

/* CSS variables exposed by source */
:root {
  --color-zinc-100: lab(96.1634% .0993311 -.364041);
  --text-base--line-height: calc(1.5 / 1);
  --color-gray-300: hsla(0, 0%, 90%, 1);
  --accents-6: #444;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --color-slate-300: lab(84.7652% -1.94535 -7.93337);
  --font-weight-bold: 700;
  --color-gray-100: hsla(0, 0%, 95%, 1);
  --text-xs--line-height: calc(1 / .75);
  --color-neutral-700: lab(27.036% 0 0);
  --radius-md: .375rem;
  --text-xl: 1.25rem;
  --accents-3: #999;
  --accents-8: #111;
  --color-zinc-900: lab(8.30603% .618205 -2.16572);
  --accents-2: #eaeaea;
  --text-2xl--line-height: calc(2 / 1.5);
  --spacing: .25rem;
  --color-gray-alpha-400: #00000014;
  --shadow-smallest: 0px 2px 4px #0000001a;
  --text-xl--line-height: calc(1.75 / 1.25);
  --color-background-200: hsla(0, 0%, 98%, 1);
  --text-sm: .875rem;
  --color-gray-950: lab(1.90334% .278696 -5.48866);
  --font-mono-fallback: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  --color-zinc-600: lab(35.1166% 1.78212 -6.1173);
  --font-geist-sans: "GeistSans", "GeistSans Fallback";
  --text-2xl: 1.5rem;
  --shadow-sticky: 0 12px 10px -10px #0000001f;
  --accents-7: #333;
  --text-lg: 1.125rem;
  --text-5xl--line-height: 1;
  --color-gray-1000: hsla(0, 0%, 9%, 1);
  --color-gray-50: lab(98.2596% -.247031 -.706708);
  --text-lg--line-height: calc(1.75 / 1.125);
  --font-sans: "GeistSans", "GeistSans Fallback";
  --accents-1: #fafafa;
  --shadow-large: 0 30px 60px #0000001f;
  --color-indigo-600: lab(38.4009% 52.6132 -92.3857);
  --accents-4: #888;
  --shadow-small: 0 5px 10px #0000001f;
  --shadow-medium: 0 8px 30px #0000001f;
  --radius-3xl: 1.5rem;
  --color-sky-100: lab(94.3709% -4.56053 -8.23453);
  --color-background-100: hsla(0, 0%, 100%, 1);
  --shadow-extra-small: 0px 4px 8px #0000001f;
  --accents-5: #666;
  --font-weight-semibold: 600;
  --color-gray-900: hsla(0, 0%, 30%, 1);
  --font-weight-extrabold: 800;
  --text-4xl: 2.25rem;
  --text-sm--line-height: calc(1.25 / .875);
  --color-gray-200: hsla(0, 0%, 92%, 1);
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-5xl: 3rem;
  --text-3xl: 1.875rem;
  --text-xs: .75rem;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-sans-fallback: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}