/* Bodhi Labs design tokens. The palette is fixed; versions restyle everything else. */
:root {
  /* Primary */
  --maroon: #74210d; --derby: #513114; --orange: #ff6434;
  /* Secondary / tertiary */
  --bronze: #90703f; --umber: #77461e; --leaf: #52963f; --lime: #96bd54;
  /* Warm neutrals */
  --white: #ffffff; --n50: #faf7f5; --n100: #f4efec; --n200: #e6ddd7; --n300: #cfc2b9; --n400: #a89689;
  --n500: #7d6b5e; --n600: #5c4d43; --n700: #3f342d; --n800: #2a231e; --n900: #191411; --black: #000;
  /* Tints and steps */
  --maroon-tint: #f6e9e4; --orange-tint: #ffece5; --green-tint: #eaf3e6;
  --maroon-dark: #5a1809; --maroon-light: #8f3218; --orange-dark: #e04d20; --orange-light: #ff8258; --derby-dark: #3a220d;
  /* Alpha */
  --a-maroon-08: rgba(116,33,13,.08); --a-maroon-16: rgba(116,33,13,.16); --a-maroon-32: rgba(116,33,13,.32);
  --a-orange-24: rgba(255,100,52,.24); --a-black-40: rgba(0,0,0,.4); --a-black-64: rgba(0,0,0,.64);
  --a-white-16: rgba(255,255,255,.16); --a-white-72: rgba(255,255,255,.72);

  --font: "Bricolage Grotesque", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --pixel: "Silkscreen", "JetBrains Mono", ui-monospace, monospace;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --ease-brand: cubic-bezier(.22,1,.36,1); --ease-out: cubic-bezier(.16,1,.3,1); --ease-in-out: cubic-bezier(.65,0,.35,1);
  --radius-leaf-button: 999px 999px 999px 0; --radius-leaf-card: 32px 0 32px 32px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); font-optical-sizing: auto; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; }