:root{--color-primary:#2d3a6b;--color-secondary:#e8533a;--color-accent:#7bae7f;--color-bg:#f5f2ec;--color-surface:#fefcf7;--color-separator:#e8e4da;--color-text:#1c1f2e;--color-text-muted:#7a7669;--color-text-light:#b0ab9e;--font-heading:"Bricolage Grotesque", sans-serif;--font-body:"DM Sans", sans-serif;--sidebar-width:240px;--detail-width:280px;--task-height:56px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}.dark{--color-bg:#1c1f2e;--color-surface:#252a3d;--color-separator:#343a52;--color-text:#ede9e0;--color-text-muted:#9a96a8;--color-text-light:#5a5870;--color-secondary:#f06048;--color-accent:#8dc491}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}input,textarea{font-family:var(--font-body);background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-light)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-separator);border-radius:2px}*{transition:background-color .2s,color .2s,border-color .2s}