Color

Color in Mediquo is driven by design tokens, never hard-coded values. Tokens let the same component render correctly across the mediquo, adeslas, and default themes.

Token tiers

• Primitive tokens — raw palette values (e.g. blue-500). Never used directly in components.
• Semantic tokens — intent-based aliases (e.g. --mq-color-primary, --mq-color-surface) that components consume.
• Theme overrides — per-theme remapping of semantic tokens.

Usage rules

• Components read semantic tokens only.
• New surfaces must define their intent (background, foreground, border) before picking a value.
• Always validate contrast against WCAG AA for text and interactive elements.