:root {
  /* base palette */
  --color-ivory: #F4EFE6;
  --color-canvas: #ded9d0;
  --color-sand: #E3D8C6;
  --color-ink: #1c1a20;
  --color-lilac: #C8B6E6;
  --color-amethyst: #8E77B8;
  --color-plum: #2E2440;
  --color-text-on-dark: #E9E0F4;

  /* semantic aliases */
  --surface-page: var(--color-canvas);
  --surface-card: var(--color-ivory);
  --surface-dark: var(--color-plum);
  --text-primary: var(--color-ink);
  --text-on-dark: var(--color-text-on-dark);
  --text-muted: #5f5766;
  --accent: var(--color-amethyst);
  --accent-soft: var(--color-lilac);
  --highlight-marker: rgba(142, 119, 184, 0.42);
  --highlight-marker-strong: rgba(142, 119, 184, 0.55);
  --border-soft: #ddd6c8;
}