:root{--nav-width:240px;--default-padding:12px;--small-padding:6px;--large-padding:24px;--default-margin:12px;--small-margin:6px;--large-margin:24px;--default-border-radius:8px;--large-border-radius:12px;--primary-color:rgba(51, 51, 51);--primary-transparent:rgba(51, 51, 51, 0.8);--success-color:#38b000;--confirm-color:rgb(91, 104, 74);--danger-color:rgb(174, 62, 99);--danger-transparent:rgba(174, 62, 99, 0.8);--danger-dark:#d32f2f;--text-color:#333;--text-light:#666666;--bg-very-light:rgb(250, 249, 245);--bg-light:rgb(240, 238, 230);--bg-middle:rgb(227, 218, 204);--bg-dark:rgb(195, 175, 155);--bg-hover-light:rgba(107, 141, 255, 0.05);--bg-hover-middle:rgba(107, 141, 255, 0.15);--border-color:#ddd;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.1);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.25);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.5);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1)}