/**
 * KeepsakeMelody — tokens aligned with portal sidebar (airy blue-greys).
 */
:root {
  --km-primary: #7eb4d4;
  --km-primary-hover: #6aa8c8;
  --km-heading: #4f6f86;
  --km-body: #4a5a6a;
  --km-muted: #5a6b78;
  --km-bg: #fafdff;
  --km-bg-soft: #e4f0f8;
  --km-border: #d4e4f0;
  --km-accent-soft: #dceef8;
  --km-sidebar: #eef6fa;
  --km-chrome-start: #e8f0f8;
  --km-chrome-mid: #eef6fa;
  --km-chrome-end: #f7fbfd;
}