/* ============================================================================= OPERATO DESIGN SYSTEM v1.0 "Editorial Operator" — agency OS that prevents churn before it happens. ============================================================================= ARCHITECTURE ──────────────────────────────────────────────────────────────────────────── Three layers, in this order: 1. PRIMITIVES — raw values (hex codes, pixels). Don't reference from components. Only semantic tokens reference these. 2. SEMANTIC — meaning tokens (--surface-base, --text-primary). This is what components consume. Switch a primitive, every semantic updates. 3. COMPONENT — instance-scoped tokens (--button-primary-bg). References semantic tokens. Tweak a component without touching the system. USAGE ──────────────────────────────────────────────────────────────────────────── 1. Paste this entire file inside a