Kentcdodds — Blog

:root {
  --color-dominant: #c59416;
  --color-surface: #855b1a;
  --color-ink: #fbda56;
  --color-accent: #5889aa;
  --color-detail: #c19086;
}

/* CSS variables exposed by source */
:root {
  --bg-primary: #fff;
  --text-2xl: 1.5625rem;
  --color-rose-200: oklch(89.2% .058 10.001);
  --color-slate-200: oklch(92.9% .013 255.508);
  --color-sky-500: oklch(68.5% .169 237.323);
  --color-yellow-600: oklch(68.1% .162 75.834);
  --color-slate-700: oklch(37.2% .044 257.287);
  --text-7xl: 4.375rem;
  --text-lg: 1.125rem;
  --spacing-5vw: 5vw;
  --color-slate-500: #a9adc1;
  --text-5xl--line-height: 1;
  --color-green-100: #e7f9ed;
  --color-emerald-700: oklch(50.8% .118 165.612);
  --text-base--line-height: 1.5;
  --color-gray-300: #dde0e4;
  --color-team-blue: #36a3ff;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-slate-300: oklch(86.9% .022 252.894);
  --bg-secondary: #f7f7f7;
  --color-gray-500: #535661;
  --color-green-500: #30c85e;
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-violet-400: oklch(70.2% .183 293.541);
  --text-lg--line-height: calc(1.75 / 1.125);
  --color-white: #fff;
  --color-gray-400: #818890;
  --color-slate-400: oklch(70.4% .04 256.788);
  --radius-sm: .25rem;
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --color-rose-100: oklch(94.1% .03 12.58);
  --color-team-red: #ff4545;
  --font-weight-bold: 700;
  --color-gray-100: #f7f7f7;
  --color-emerald-100: oklch(95% .052 163.051);
  --color-red-500: #ff4545;
  --color-emerald-200: oklch(90.5% .093 164.15);
  --text-xs--line-height: calc(1 / .75);
  --bg-alt: #e6e9ee;
  --radius-2xl: 1rem;
  --radius-md: .375rem;
  --text-7xl--line-height: 1;
  --text-xl: 1.375rem;
  --color-slate-50: oklch(98.4% .003 247.858);
  --radius-lg: .5rem;
  --color-blue-100: #e8f2ff;
  --text-secondary: #535661;
  --color-green-600: #68d94a;
  --color-gray-800: #2e3039;
  --color-team-unknown: #000;
  --color-yellow-500-inverted: #ffd644;
  --color-team-current: #000;
  --color-red-300: oklch(80.8% .114 19.571);
  --color-slate-800: oklch(27.9% .041 260.031);
  --radius-3xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --color-slate-600: oklch(44.6% .043 257.281);
  --spacing: .25rem;
  --color-orange-400: oklch(75% .183 55.934);
  --border-secondary: #e6e9ee;
}