:root {
  --pd-font-sans: "Geist", system-ui, sans-serif;
  --pd-font-mono: "Geist Mono", ui-monospace, monospace;

  --pd-chalk-page: #f5f3ef;
  --pd-chalk-ground: #f0efe8;
  --pd-chalk-deep: #e9e8e0;
  --pd-chalk-surface: #f8f6f1;
  --pd-chalk-surface-strong: #fff;
  --pd-chalk-ink: #1c1b18;
  --pd-chalk-ink-institutional: #10211d;
  --pd-chalk-secondary: #5c5852;
  --pd-chalk-muted: #6b675f;
  --pd-chalk-quiet: #8b9792;
  --pd-chalk-line: rgba(16, 33, 29, 0.16);
  --pd-chalk-line-strong: rgba(16, 33, 29, 0.32);

  --pd-deep-ground: #07110f;
  --pd-deep-ground-deep: #030806;
  --pd-deep-surface: #0b1512;
  --pd-deep-surface-strong: #0e1d19;
  --pd-deep-ink: #f0f2ee;
  --pd-deep-secondary: #a8b3af;
  --pd-deep-muted: #929c98;
  --pd-deep-quiet: #59635f;
  --pd-deep-line: rgba(226, 235, 230, 0.16);
  --pd-deep-line-strong: rgba(226, 235, 230, 0.3);

  --pd-teal-dark: #2ed7b0;
  --pd-teal-dark-soft: rgba(46, 215, 176, 0.16);
  --pd-teal-light: #077a66;
  --pd-teal-light-soft: rgba(7, 122, 102, 0.1);
  --pd-coral-dark: #ff735f;
  --pd-coral-dark-soft: rgba(255, 115, 95, 0.14);
  --pd-coral-light: #bc4337;
  --pd-coral-light-soft: rgba(188, 67, 55, 0.1);
  --pd-graphite-dark: #53605b;
  --pd-graphite-light: #9aa59f;
}