# سیستم طراحی جارچین

رنگ اصلی برند `teal-600` با مقدار `#087f6c` است. توکن‌ها سه لایه دارند:

1. Primitive: طیف تیل، خنثی، کهربایی و قرمز، spacing، radius و typography.
2. Semantic: primary، surface، text، border و status.
3. Component: button، card، input و badge.

منبع اصلی توکن‌ها `assets/css/tokens.css` است. رنگ مستقیم در کامپوننت‌ها اضافه نکنید.

وضعیت فیچرها:

- فعال: badge سبز تیل
- به‌زودی/در حال فعال‌سازی: badge کهربایی
- خطا یا اقدام مخرب: طیف قرمز

قالب‌های محتوایی برنامه سایت با metaهای `jarchin_section` و `jarchin_status` مدیریت می‌شوند.
