A Journal On How to Wow People

:root {
  --color-dominant: #d7c729;
  --color-surface: #dbd48f;
  --color-ink: #b59c0f;
  --color-accent: #756590;
  --color-detail: #c0bcb1;
}

/* CSS variables exposed by source */
:root {
  --color-amber-400: oklch(82.8% .189 84.429);
  --text-2xl: 1.5rem;
  --color-emerald-300: oklch(84.5% .143 164.978);
  --text-lg: 1.125rem;
  --color-ink: #0f0f0f;
  --color-red-300: oklch(80.8% .114 19.571);
  --text-2xl--line-height: calc(2/1.5);
  --text-base--line-height: 1.5;
  --spacing: .25rem;
  --color-red-200: oklch(88.5% .062 18.334);
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --text-xl--line-height: calc(1.75/1.25);
  --font-weight-semibold: 600;
  --color-amber-300: oklch(87.9% .169 91.605);
  --text-sm: .875rem;
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-mist: #e8eaed;
  --text-lg--line-height: calc(1.75/1.125);
  --color-red-400: oklch(70.4% .191 22.216);
  --color-white: #fff;
  --color-graphite: #3d3d3d;
  --font-sans: "Pitch Sans",ui-sans-serif,system-ui,sans-serif;
  --text-4xl: 2.25rem;
  --color-error: #f23636;
  --color-red-600: oklch(57.7% .245 27.325);
  --text-sm--line-height: calc(1.25/.875);
  --color-emerald-200: oklch(90.5% .093 164.15);
  --color-red-500: oklch(63.7% .237 25.331);
  --text-3xl--line-height: 1.2;
  --text-3xl: 1.875rem;
  --text-xs: .75rem;
  --color-black: #020102;
  --font-weight-light: 300;
  --text-xs--line-height: calc(1/.75);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --color-emerald-400: oklch(76.5% .177 163.223);
  --radius-xs: .125rem;
  --font-serif: "Tid","Times New Roman",serif;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --text-4xl--line-height: calc(2.5/2.25);
  --radius-lg: .5rem;
  --text-xl: 1.25rem;
  --text-base: 1rem;
  --color-charcoal: #313131;
  --container-md: 28rem;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-inset-shadow-alpha: 100%;
  --tw-ring-shadow: 0 0 #0000;
  --leading-relaxed: 1.625;
  --tw-drop-shadow-alpha: 100%;
  --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
  --tw-outline-style: solid;
  --tw-inset-ring-shadow: 0 0 #0000;
  --container-6xl: 72rem;
  --tracking-wide: .025em;
  --tw-inset-shadow: 0 0 #0000;
  --tw-ring-offset-color: #fff;
}