:root {
  --ink-900: #17251d;
  --ink-700: #263b2f;
  --ink-500: #587064;
  --ink-300: #91a297;
  --paper-50: #f7faf3;
  --paper-100: #eff5e8;
  --paper-200: #e2ead8;
  --paper-300: #cbd9c0;
  --paper-400: #aebb9d;
  --marker-100: #e5efe0;
  --marker-600: #547348;
  --marker-700: #3f5b35;
  --chalk-100: #ecf1de;
  --chalk-600: #6d7e2d;
  --chalk-700: #536320;
  --highlighter-300: #e2c86d;
  --shadow-paper-2: 0 1px 0 rgba(38, 59, 47, 0.05),
    0 4px 12px -2px rgba(38, 59, 47, 0.09);
  --shadow-paper-3: 0 2px 0 rgba(38, 59, 47, 0.06),
    0 18px 40px -12px rgba(38, 59, 47, 0.2);
}

body {
  background:
    linear-gradient(rgba(247, 250, 243, 0.9), rgba(247, 250, 243, 0.98)),
    url("assets/ruled.svg");
}

.button {
  box-shadow:
    0 1px 0 rgba(63, 91, 53, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.waitlist-panel {
  background:
    linear-gradient(rgba(239, 245, 232, 0.96), rgba(239, 245, 232, 0.96)),
    #ffffff;
}