:root{--theme-primary:#0070f3;--theme-accent:#000000;--theme-bg:#ffffff;--theme-bg-accent:rgba(0,112,243,0.1);--theme-text:#171717;--theme-text-muted:#666666;--theme-elevation-0:#ffffff;--theme-elevation-50:#fafafa;--theme-elevation-100:#f5f5f5;--theme-elevation-200:#eeeeee;--theme-elevation-500:#9e9e9e;--theme-elevation-900:#212121;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1)}.cityos-primary{color:var(--theme-primary)}.cityos-bg-primary{background-color:var(--theme-primary)}.cityos-font-body{font-family:var(--font-body)}.cityos-theme-government{--theme-accent:#dc2626}.cityos-theme-education{--theme-accent:#2563eb}.cityos-theme-commerce{--theme-accent:#059669}.cityos-theme-social{--theme-accent:#d97706}.cityos-theme-healthcare{--theme-accent:#7c3aed}.cityos-theme-infrastructure{--theme-accent:#4b5563}.cityos-theme-transportation{--theme-accent:#f59e0b}.cityos-theme-safety{--theme-accent:#ef4444}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--surface-main:#ffffff;--text-main:#0f172a}