Farcaster Xyz

:root {
  --color-dominant: #341ca6;
  --color-surface: #241473;
  --color-ink: #785de8;
  --color-accent: #695f8a;
  --color-detail: #d1cdd9;
}

/* CSS variables exposed by source */
:root {
  --color-pink-500: oklch(65.6% .241 354.308);
  --color-orange-600: oklch(64.6% .222 41.116);
  --color-orange-800: oklch(47% .157 37.304);
  --color-teal-400: oklch(77.7% .152 181.912);
  --text-base--line-height: 1.5;
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-green-500: oklch(72.3% .219 149.579);
  --color-white: #fff;
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-blue-400: oklch(70.7% .165 254.624);
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-purple-600: oklch(55.8% .288 302.321);
  --color-violet-500: oklch(60.6% .25 292.717);
  --color-green-900: oklch(39.3% .095 152.535);
  --radius-md: calc(.5rem - 2px);
  --border-gray-light: #d0d1d259;
  --color-emerald-900: oklch(37.8% .077 168.94);
  --text-sm: .875rem;
  --color-green-400: oklch(79.2% .209 151.711);
  --color-yellow-50: oklch(98.7% .026 102.212);
  --color-emerald-50: oklch(97.9% .021 166.113);
  --color-indigo-500: oklch(58.5% .233 277.117);
  --color-purple-400: oklch(71.4% .203 305.504);
  --color-yellow-600: oklch(68.1% .162 75.834);
  --text-lg: 1.125rem;
  --color-amber-600: oklch(66.6% .179 58.318);
  --color-yellow-800: oklch(47.6% .114 61.907);
  --color-slate-900: oklch(20.8% .042 265.755);
  --color-teal-800: oklch(43.7% .078 188.216);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-purple-100: oklch(94.6% .033 307.174);
  --border-gray-dark: #4c3a4ec0;
  --radius: .5rem;
  --color-emerald-100: oklch(95% .052 163.051);
  --color-red-800: oklch(44.4% .177 26.899);
  --color-red-500: oklch(63.7% .237 25.331);
  --text-6xl: 3.75rem;
  --color-fuchsia-500: oklch(66.7% .295 322.15);
  --color-lime-500: oklch(76.8% .233 130.85);
  --color-cyan-800: oklch(45% .085 224.283);
  --color-violet-700: oklch(49.1% .27 292.581);
  --color-amber-500: oklch(76.9% .188 70.08);
  --color-yellow-700: oklch(55.4% .135 66.442);
  --color-green-800: oklch(44.8% .119 151.328);
  --color-gray-900: oklch(21% .034 264.665);
  --color-blue-900: oklch(37.9% .146 265.522);
  --color-gray-700: oklch(37.3% .034 259.733);
  --font-weight-extrabold: 800;
  --text-sm--line-height: calc(1.25 / .875);
  --text-3xl--line-height: 1.2;
  --text-3xl: 1.875rem;
  --text-xs: .75rem;
  --color-red-950: oklch(25.8% .092 26.042);
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --color-teal-500: oklch(70.4% .14 182.503);
  --color-yellow-500: oklch(79.5% .184 86.047);
  --text-base: 1rem;
  --color-purple-200: oklch(90.2% .063 306.703);
}