:root { --color-bg: var(--slate-810); --color-surface: var(--slate-780); --color-surface-raised: var(--slate-730); --color-surface-hover: var(--slate-710); --color-border: var(--slate-680); --color-border-strong: var(--slate-610); --color-text: var(--slate-60); --color-text-secondary: var(--slate-230); --color-text-muted: var(--slate-380); --color-text-on-accent: var(--slate-810); --color-accent: var(--blue-310); --color-accent-hover: var(--blue-250); --color-accent-active: var(--blue-380); --color-accent-tint: var(--blue-730); --color-link: var(--color-accent); --color-link-hover: var(--color-accent-hover); --color-focus: var(--color-accent-hover); --color-success: var(--green-270); --color-success-tint: var(--green-740); --color-warning: var(--amber-210); --color-warning-tint: var(--amber-730); --color-danger: var(--red-300); --color-danger-tint: var(--red-750); --color-info: var(--cyan-240); --color-info-tint: var(--cyan-730); --color-neutral: var(--slate-330); --color-neutral-tint: var(--slate-720);}