:root{--clr-brand-purple:#7c3aed;--clr-blue:#1976d2;--clr-blue-dark:#1565c0;--clr-near-black:#202124;--clr-gray-utility:#5f6368;--clr-gray-medium:#70757a;--clr-gray-hint:#9aa0a6;--clr-gray-border:#dadce0;--clr-gray-light:#f0f4ff;--clr-white:#fff;--clr-page-bg:#f8f9fa;--clr-bg-hover:#f1f3f4;--clr-bg-blue-tint:#f0f6ff;--clr-bg-blue-light:#e8f0fe;--clr-error:#d93025;--clr-success:#388e3c;--clr-success-emphasis:#0f9d58;--clr-warning:#f4b400;--clr-info:#1976d2;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xl2:24px;--spacing-xl3:32px;--spacing-xl4:40px;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--radius-circle:50%;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 2px 8px #00000026;--shadow-lg:0 6px 16px #1976d266;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-family:"Roboto", sans-serif;--font-size-base:14px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--max-width:1200px;--nav-height:64px;--sidebar-width:280px;--z-dropdown:100;--z-sticky:1000;--z-modal:1001;--z-tooltip:1002;--z-overlay:9999}