:root {
   --sidebar-w: 200px;
   --topbar-h: 44px;
   --sticker-panel-h: 38px;
   --column-width: 296px;
   --column-gap: 10px;
   --radius-sm: 6px;
   --radius: 8px;
   --radius-lg: 12px;
   --radius-xl: 16px;
   --font-stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
   --ease: cubic-bezier(.4, 0, .2, 1);
   --bg: #1c1c1c;
   --surface: #262626;
   --surface-elev: #2f2f2f;
   --surface2: #383838;
   --surface3: #424242;
   --text: #ffffff;
   --text-secondary: #d8d8d8;
   --text-muted: #9c9c9c;
   --border: #4a4a4a;
   --border-strong: #5e5e5e;
   --accent: #0f6cbd;
   --accent-rgb: 15, 108, 189;
   --accent-hover: #115ea3;
   --accent-soft: rgba(15, 108, 189, .18);
   --danger: #ff5c5c;
   --danger-soft: rgba(255, 92, 92, .18);
   --success: #1ea34d;
   --success-soft: rgba(30, 163, 77, .18);
   --warning: #ffc233;
   --warning-soft: rgba(255, 194, 51, .18);
   --chip-bg: #404040;
   --chip-hover: #4d4d4d;
   --input-bg: #2f2f2f;
   --shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);
   --shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);
   --shadow: 0 4px 14px rgba(0, 0, 0, .5);
   --shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);
   --shadow-xl: 0 22px 56px rgba(0, 0, 0, .6);
   --col-tint: rgba(72, 72, 72, .82);
   --col-border: rgba(255, 255, 255, .1);
   --glass-bg: rgba(38, 38, 38, .88);
   --glass-blur: saturate(160%) blur(10px);
}