/* ui-unify: foreground colors only.
 * Load alongside the project's existing theme. These tokens are for CSS color (or SVG text fill);
 * do not map them to background, border, shadow, shape fill, or stroke.
 * Explicit data-theme takes precedence over the operating system preference. */
:root {
  --ink-link: #7daaff;
  --ink-positive: #68d3a2;
  --ink-warning: #e8bd79;
  --ink-important: #bba2f5;
  --ink-negative: #ef96a5;
  --ink-secondary: #b5c7df;
  --ink-muted: #93abc9;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ink-link: #245dc2;
    --ink-positive: #18784f;
    --ink-warning: #8d5e14;
    --ink-important: #7850af;
    --ink-negative: #b83c55;
    --ink-secondary: #445f83;
    --ink-muted: #506b8d;
  }
}
:root[data-theme="light"] {
  --ink-link: #245dc2;
  --ink-positive: #18784f;
  --ink-warning: #8d5e14;
  --ink-important: #7850af;
  --ink-negative: #b83c55;
  --ink-secondary: #445f83;
  --ink-muted: #506b8d;
}
.ui-ink-link { color: var(--ink-link); }
.ui-ink-positive { color: var(--ink-positive); }
.ui-ink-warning { color: var(--ink-warning); }
.ui-ink-important { color: var(--ink-important); }
.ui-ink-negative { color: var(--ink-negative); }

.ui-ink-secondary { color: var(--ink-secondary); }
.ui-ink-muted { color: var(--ink-muted); }