Granola

:root {
  --color-dominant: #e29244;
  --color-surface: #5c6d04;
  --color-ink: #e5dc90;
  --color-accent: #929c52;
  --color-detail: #c7caa8;
}

/* CSS variables exposed by source */
:root {
  --border: 0 0% 89%;
  --color-oats-red-100: #f8cec5;
  --color-oats-purple-200: #cebef8;
  --color-oats-off-white-a15: #ffffff26;
  --primary-foreground: 0 0% 100%;
  --color-blue-700: oklch(48.8% .243 264.376);
  --color-oats-yellow-200: #febe29;
  --text-base--line-height: 18px;
  --color-fill-neutral: #acada8;
  --color-oats-blue-100: #d2e4f8;
  --color-gray-300: oklch(87.2% .01 258.338);
  --color-oats-green-100: #e5eacd;
  --color-oats-neutral-800: #292929;
  --font-mono: "Jetbrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --color-oats-red-50: #ffe7e2;
  --color-oats-neutral-900: #212121;
  --color-gray-500: oklch(55.1% .027 264.364);
  --color-oats-neutral-750: #363635;
  --color-white: #fff;
  --color-fill-accent-hover: #4c5616;
  --color-gray-400: oklch(70.7% .022 261.325);
  --color-accent: #94f27f;
  --color-oats-neutral-400: #acada8;
  --radius-sm: calc(.5rem - 4px);
  --color-oats-off-black-a12: #56512e1f;
  --font-weight-bold: 700;
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-oats-yellow-400: #8b4e23;
  --text-2xs: 11px;
  --color-oats-neutral-50: #fcfcf8;
  --text-xs--line-height: 16px;
  --color-oats-off-white-a6: #ffffff0f;
  --color-accent-text: #0d7916;
  --text-sm--letter-spacing: .01em;
  --color-surface-accent-purple: #f3f0fa;
  --color-accent-strong: #79d65e;
  --radius-2xl: 1rem;
  --radius-md: calc(.5rem - 2px);
  --color-ink-tertiary-static: #acada8;
  --text-xl: 1.25rem;
  --radius-lg: .5rem;
  --color-surface-tint-neutral: #625a220f;
  --color-tertiary: #6a6c6a;
  --color-oats-pink-300: #ff91e0;
  --color-oats-gold-400: #40351a;
  --color-oats-off-black-a6: #625a220f;
  --color-fill-primary: #292929;
  --accent: 109 82% 72%;
  --color-oats-pink-100: #ffdef6;
  --color-oats-pink-400: #a42962;
  --color-orange-500: oklch(70.5% .213 47.604);
  --text-2xl--line-height: calc(2 / 1.5);
  --secondary-foreground: 0 0% 100%;
  --spacing: .25rem;
  --background: 0 0% 100%;
  --color-ink-danger: #bd4a30;
  --color-fill-highlight-strong: #56512e1f;
  --color-oats-blue-300: #4691e2;
  --color-secondary: #454745;
  --color-fill-danger: #e95d3d;
}