Supabase — Features

:root {
  --color-dominant: #4cce93;
  --color-surface: #1c6845;
  --color-ink: #7ae1af;
  --color-accent: #5cac84;
  --color-detail: #b5d1c4;
}

/* CSS variables exposed by source */
:root {
  --font-family-body: Inter;
  --colors-slate-light-alpha-200: #05294d08;
  --colors-slate-dark-300: 192deg 7.2% 13.5%;
  --color-pink-500: #f9d8ec;
  --color-orange-600: #ffcca7;
  --background-dialog-default: oklch(from oklch(.995 calc(0 * .5) 34) calc(l + .024 * 1.5) c h);
  --secondary-400: 248.3deg 54.5% 25.9%;
  --color-orange-800: #fa934e;
  --color-neutral-600: oklch(43.9% 0 0);
  --color-violet-1100: #5746af;
  --colors-slate-light-alpha-1000: #00101b82;
  --color-blue-700: #96c7f2;
  --color-neutral-300: oklch(87% 0 0);
  --color-purple-800: #be93e4;
  --color-brand-600: hsl(156.5deg 86.5% 26.1%);
  --brand-hue-reference: 159;
  --text-base--line-height: calc(1.5 / 1);
  --colors-gray-dark-alpha-200: #ffffff08;
  --color-gray-300: #f3f3f3;
  --brand-link: 153.4deg 86.5% 28.3%;
  --font-mono: "Source Code Pro","Source Code Pro Fallback",Source Code Pro,Office Code Pro,Menlo,monospace,"Source Code Pro",ui-monospace,Menlo,monospace;
  --color-amber-300: #fff4d5;
  --color-gray-500: #e8e8e8;
  --colors-gray-light-alpha-200: #00000008;
  --spacing-scale: 2px;
  --colors-slate-dark-800: 206.7deg 5.6% 31.6%;
  --color-brand-300: hsl(147.5deg 72% 80.4%);
  --color-green-500: #ccebd7;
  --background-overlay-hover: oklch(from oklch(calc(.995 + calc(.1 - .995) * calc(1 - (1 - .9) * max(0,calc(calc((.53 - .5) / .5) * -1)))) calc(0 * .55) 34) l c h/calc(calc(.024 / abs(calc(.1 - .995))) * 1.5));
  --color-white: #fff;
  --borderradius-lg: 8px;
  --color-gray-400: #ededed;
  --colors-gray-light-900: 0deg 0% 56.1%;
  --borderwidth-md: 4px;
  --colors-gray-light-400: 0deg 0% 92.9%;
  --color-slate-400: #eceef0;
  --color-crimson-900: #e93d82;
  --radius-sm: .25rem;
  --color-blue-400: #e1f0ff;
  --color-slate-1100: #687076;
  --background-surface-75: oklch(from oklch(.995 calc(0 * .5) 34) calc(l + .024 * 1) c h);
  --color-gray-100: #fcfcfc;
  --colors-gray-dark-alpha-1000: #ffffff73;
  --color-gold-100: #fdfdfc;
  --color-purple-600: #e3ccf4;
  --color-pink-1100: #cd1d8d;
  --borderradius-sm: 4px;
  --color-violet-500: #e4defc;
  --font-source-code-pro: "Source Code Pro","Source Code Pro Fallback",Source Code Pro,Office Code Pro,Menlo,monospace;
  --colors-slate-light-400: 210deg 11.8% 93.3%;
  --colors-slate-light-alpha-1200: #00080ced;
  --color-crimson-1200: #3d0d1d;
  --color-green-900: #30a46c;
  --color-crimson-100: #fffcfd;
  --color-blue-1000: #0081f1;
  --radius-md: .375rem;
  --color-pink-100: #fffcfe;
  --color-neutral-900: oklch(20.5% 0 0);
  --radius-lg: .5rem;
  --colors-gray-light-alpha-700: #00000024;
}