Gumroad — Pricing

:root {
  --color-dominant: #24a193;
  --color-surface: #1c6b63;
  --color-ink: #fb93eb;
  --color-accent: #a36396;
  --color-detail: #e4c6c8;
}

/* CSS variables exposed by source */
:root {
  --border: solid .0625rem rgb(0 0 0/1);
  --color-orange-200: oklch(90.1% .076 70.697);
  --color-indicator: rgb(255 144 232);
  --text-2xl: 1.5rem;
  --color-purple-200: oklch(90.2% .063 306.703);
  --text-7xl: 4.5rem;
  --color-red-900: oklch(39.6% .141 25.723);
  --border-alpha: 1;
  --color-orange-800: oklch(47% .157 37.304);
  --text-lg: 1.125rem;
  --text-8xl--line-height: 1;
  --color-yellow-800: oklch(47.6% .114 61.907);
  --border-radius-3: 10rem;
  --color-purple-800: oklch(43.8% .218 303.724);
  --color-orange-900: oklch(40.8% .123 38.172);
  --text-5xl--line-height: 1;
  --color-green-100: oklch(96.2% .044 156.743);
  --accent-with-text: 255 144 232;
  --text-base--line-height: 1.5;
  --color-red-200: oklch(88.5% .062 18.334);
  --color: 0 0 0;
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-warning-foreground: rgb(0 0 0);
  --color-yellow-400: oklch(85.2% .199 91.936);
  --color-purple-900: oklch(38.1% .176 304.987);
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-dark-gray: #242423;
  --color-gray-500: oklch(55.1% .027 264.364);
  --border-radius-1: .25rem;
  --color-primary-foreground: rgb(255 255 255);
  --color-pink-800: oklch(45.9% .187 3.815);
  --text-9xl--line-height: 1;
  --color-active-bg: rgb(0 0 0/.1);
  --color-orange: #ffc900;
  --text-lg--line-height: calc(1.75/1.125);
  --color-white: #fff;
  --color-purple-100: oklch(94.6% .033 307.174);
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-accent: rgb(255 144 232);
  --radius-sm: .25rem;
  --spacer-6: 2rem;
  --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-weight-bold: 700;
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-red-800: oklch(44.4% .177 26.899);
  --color-background: rgb(255 255 255);
  --spacer-1: .25rem;
  --color-red: #dc341e;
  --border-radius-2: .5rem;
  --text-6xl: 3.75rem;
  --text-xs--line-height: calc(1/.75);
  --color-green: #23a094;
  --color-danger: rgb(220 52 30);
  --color-purple: #90a8ed;
  --spacer-7: 3rem;
  --color-green-900: oklch(39.3% .095 152.535);
  --radius-2xl: 1rem;
  --color-info: rgb(144 168 237);
  --radius-md: .375rem;
  --color-blue-800: oklch(42.4% .199 265.638);
}