Dropout Tv — Sign up

:root {
  --color-dominant: #e7d136;
  --color-surface: #90142a;
  --color-ink: #ceb25b;
  --color-accent: #937267;
  --color-detail: #cebfad;
}

/* CSS variables exposed by source */
:root {
  --color-purple-200: oklch(90.2% .063 306.703);
  --primary-foreground: 0 0% 93%;
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-neutral-300: oklch(87% 0 0);
  --color-dropout-black: #222;
  --primary-inverted-foreground: 0 0% 13%;
  --text-base--line-height: calc(1.5/1);
  --color-blue-300: oklch(80.9% .105 251.813);
  --color-card-foreground: hsl(0 0% 93%);
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-yellow-400: oklch(85.2% .199 91.936);
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --spacing-section-xl: 9rem;
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-primary-foreground: hsl(0 0% 93%);
  --color-green-500: oklch(72.3% .219 149.579);
  --color-white: #fff;
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-utility-blue: #3beefe;
  --color-accent: hsl(56 99% 61%);
  --color-blue-400: oklch(70.7% .165 254.624);
  --radius-sm: calc(1rem - .5rem);
  --spacing-section-lg: 6rem;
  --color-yellow-300: oklch(90.5% .182 98.111);
  --font-weight-bold: 700;
  --color-input: hsl(0 0% 27%);
  --color-purple-600: oklch(55.8% .288 302.321);
  --color-neutral: #666;
  --color-primary-alt: hsl(0 0% 0%);
  --text-xs--line-height: calc(1/.75);
  --color-neutral-700: oklch(37.1% 0 0);
  --border-action: 56 99% 61%;
  --spacing-stack-lg: 2rem;
  --color-tertiary: hsl(0 0% 27%);
  --radius-2xl: calc(1rem + .5rem);
  --radius-md: calc(1rem - .25rem);
  --text-xl: 1.25rem;
  --radius-lg: 1rem;
  --color-green-600: oklch(62.7% .194 149.214);
  --accent: 56 99% 61%;
  --color-success-alt-2-foreground: hsl(142 61% 57%);
  --spacing-section-md: 4rem;
  --primary-inverted: 0 0% 93%;
  --color-red-300: oklch(80.8% .114 19.571);
  --color-utility-yellow: #e6d431;
  --text-2xl--line-height: calc(2/1.5);
  --secondary-foreground: 0 0% 67%;
  --color-neutral-dark: #444;
  --spacing: .25rem;
  --background: 0 0% 0%;
  --border-secondary: 0 0% 13%;
  --color-secondary: hsl(0 0% 13%);
  --text-8xl: 6rem;
  --text-xl--line-height: calc(1.75/1.25);
  --color-primary-inverted: hsl(0 0% 93%);
  --color-border-secondary: hsl(0 0% 13%);
  --text-sm: .875rem;
  --color-green-400: oklch(79.2% .209 151.711);
  --spacing-section-sm: 3rem;
  --color-action: hsl(56 99% 61%);
}