Modal — Blog

:root {
  --color-dominant: #f9fb04;
  --color-surface: #848404;
  --color-ink: #d4fc64;
  --color-accent: #768775;
  --color-detail: #aecaae;
}

/* CSS variables exposed by source */
:root {
  --color-raw-green-65: #6ac355;
  --color-c-pale-green-60: #8cab87;
  --color-dark-green: #07b976;
  --color-c-green-90: #75d95c;
  --color-c-green-60: #569846;
  --color-zinc-100: oklch(96.7% .001 286.375);
  --color-raw-yellow-20: #5d5733;
  --color-red-900: oklch(39.6% .141 25.723);
  --color-raw-gray-30: #464646;
  --spacing-marketing-sm: 1rem;
  --color-c-pale-green-90: #bbe6ac;
  --color-surface-accent-active: #273823;
  --color-surface-danger: #231c1c;
  --color-foreground-secondary: #a3a3a3;
  --color-c-gray-5: #242424;
  --text-base--line-height: calc(1.5 / 1);
  --color-blue-300: oklch(80.9% .105 251.813);
  --color-raw-blue-10: #2a3238;
  --color-c-red-60: #9e4d4d;
  --color-c-gray-70: #bababa;
  --color-deprecated-ground: #181818;
  --color-foreground-muted: #8b8b8b;
  --color-c-red-80: #cb5f5f;
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-yellow-400: oklch(85.2% .199 91.936);
  --font-mono: Fira Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-marketing-muted-green: #94ab94;
  --color-landing-light-green: #def0dd;
  --color-dark-gray: #212525;
  --color-surface-secondary: #2f2f2f;
  --color-raw-gray-08: #222;
  --color-amber-300: oklch(87.9% .169 91.605);
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-edge-warning: #5d5733;
  --color-sign-up-hover-green: #8a9a8a;
  --color-c-pale-green-80: #aed2a4;
  --color-sign-up-light-green: #b5c1b5;
  --color-green-500: oklch(72.3% .219 149.579);
  --color-c-pale-green-100: #c8f9b6;
  --color-raw-yellow-60: #d1c05f;
  --color-raw-pink-30: #8b537f;
  --color-surface-primary-active: #ffffff1a;
  --color-white: #fff;
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-raw-green-60: #09af58;
  --color-c-blue-50: #547084;
  --color-blue-400: oklch(70.7% .165 254.624);
  --color-c-surface-offset-red-transparent: #f871710d;
  --color-c-gray-30: #5d5d5d;
  --radius-sm: .25rem;
  --color-yellow-300: oklch(90.5% .182 98.111);
  --color-raw-green-50: #6ac345;
  --color-edge-secondary: #2f2f2f;
  --font-weight-bold: 700;
  --color-foreground-emphasis: #e8e8e8;
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-c-pink-80: #d176bd;
  --color-raw-green-70: #63cd93;
  --color-c-dataviz-primary-2: #d9866b;
  --color-c-surface-base-gray-opaque: #1c1c1c;
}