zudo-doc-design-system

name	zudo-doc-design-system
description	Project-specific CSS and component rules for zudo-doc. Must be consulted before writing or editing CSS, Tailwind classes, color tokens, or component markup in this project. Covers: component-first strategy, design token system, three-tier color architecture, and palette index convention. Triggered by 'design system', 'zudo-doc-design-system', 'zudo-doc-css-wisdom' (old name).
user-invocable	true
argument-hint	[topic: tokens, colors, component-first, palette]

zudo-doc CSS & Component Rules

IMPORTANT: These rules are mandatory for all code changes in this project that touch CSS, Tailwind classes, color tokens, or component markup. Read the relevant section before making changes.

How to Use

Based on the topic, read the specific reference doc:

Topic	File
Spacing, typography, layout tokens	src/content/docs/reference/design-system.mdx
Component-first methodology	src/content/docs/reference/component-first.mdx
Color tokens, palette, schemes	src/content/docs/reference/color.mdx

Read ONLY the file relevant to your task. Apply its rules strictly.

Quick Rules (always apply)

Component First (no custom CSS classes)