/* PretzelPort brand tokens */
:root {
  --pp-ink: #23272a;        /* primary text, dark surfaces */
  --pp-ink-soft: #5c6163;   /* secondary text */
  --pp-ink-faint: #74787a;  /* captions, labels */
  --pp-paper: #f6f6f4;      /* card / content background */
  --pp-canvas: #e6e7e4;     /* page background */
  --pp-border: #d3d5d2;     /* hairlines, dividers */
  --pp-teal: #2e7d74;       /* accent: links, "Port", mark */
  --pp-teal-deep: #1f5952;  /* accent hover / active */
  --pp-teal-bright: #5eb0a6;/* accent on dark surfaces only */
}
/* Usage: teal is a dose, not a theme — links, the mark, one highlight
   per view. Body text is always ink on paper. Large fills use ink or
   paper, never teal. Minimum lockup width 120px; below that use the
   mark alone. Clearspace: one ring-width on all sides. */
a { color: var(--pp-teal); }
a:hover { color: var(--pp-teal-deep); }