.demo-webapp{--color-brand-primary:#0297FF;--color-brand-primary-hover:#0070CC;--color-brand-primary-ink:#0085E6;--color-surface:#FFFFFF;--color-surface-secondary:#FFFFFF;--color-surface-tertiary:#F2F2F2;--color-surface-sidebar:#EDF0F5;--color-surface-inverse:#1F1F1F;--color-surface-active:rgba(2,151,255,0.1);--color-surface-hover:rgba(0,0,0,0.04);--color-surface-search:#E6F3FF;--color-surface-selected:#E6F3FF;--color-surface-compose:#B3DEFF;--color-surface-content:#F5F5F5;--color-canvas:#F5F7FA;--color-canvas-subtle:#F5F5F5;--color-text-primary:#1F1F1F;--color-text-secondary:#5F6368;--color-text-tertiary:#8E9199;--color-text-inverse:#FFFFFF;--color-text-link:#0297FF;--color-border:#EBEBEB;--color-border-DEFAULT:#EBEBEB;--color-border-light:#F1F1F1;--color-border-focus:#0297FF;--color-border-hairline:rgba(0,0,0,0.06);--color-brand-tint-bg:#E6F3FF;--color-brand-tint-border:#99CEFF;--color-brand-tint-text:#005C99;--shadow-card-rest:0 1px 2px rgba(16,24,40,0.04);--shadow-card-hover:0 2px 4px rgba(16,24,40,0.05),0 1px 2px rgba(16,24,40,0.03);--shadow-card-drag:0 12px 24px -8px rgba(16,24,40,0.18),0 4px 8px rgba(16,24,40,0.06);--shadow-floating:0 8px 16px rgba(16,24,40,0.12),0 2px 4px rgba(16,24,40,0.04);--color-status-success:#34A853;--color-status-warning:#F4B400;--color-status-error:#EA4335;--color-status-info:#0297FF;--color-star-outline:#D1D5DB;--color-star-filled:#F4B400;--color-avatar-blue:#0297FF;--color-avatar-red:#EA4335;--color-avatar-green:#34A853;--color-avatar-yellow:#FBBC04;--color-avatar-orange:#FA7B17;--color-avatar-pink:#F538A0;--color-avatar-purple:#A142F4;--color-avatar-teal:#24C1E0;--color-avatar-gray:#5F6368;--color-agent-bg:#F0F9FF;--color-agent-border:#BAE6FD;--color-agent-accent:#0EA5E9;--color-icon-default:#1F1F1F;--color-icon-muted:#9AA0A6;--radius:0.375rem;--font-sans:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:12px;--text-xs--line-height:16px;--text-sm:13px;--text-sm--line-height:18px;--text-base:14px;--text-base--line-height:20px}