:root {
  --ucmu-red: #d8242e;
  --ucmu-red-soft: rgba(209,15,25,.10);
  --ucmu-red-mid: rgba(209,15,25,.22);
  --ucmu-red-strong: rgba(209,15,25,.82);

  --ucmu-black: #000;
  --ucmu-auth-black: #040405;
  --ucmu-graphite: #2f363e;
  --ucmu-graphite-2: #20262c;
  --ucmu-graphite-3: #171b20;

  --ucmu-white: #fff;
  --ucmu-card: #fff;
  --ucmu-panel: #f5f6f8;
  --ucmu-panel-soft: #f7f8f9;

  --ucmu-text: #242b33;
  --ucmu-text-invert: #fff;
  --ucmu-muted: rgba(47,54,62,.62);

  --r-pill: 999px;
  --r-circle: 50%;
  --r-card-xl: 30px;
  --r-card: 28px;
  --r-panel: 26px;
  --r-block: 22px;
  --r-control: 18px;
  --r-control-sm: 16px;
  --r-chip: 14px;

  --shadow-card: 0 16px 38px rgba(31,38,50,.08);
  --shadow-card-hover: 0 22px 48px rgba(31,38,50,.11);
  --shadow-panel: 0 14px 34px rgba(31,38,50,.07);
  --shadow-modal: 0 28px 80px rgba(0,0,0,.34);
  --shadow-shell: 16px 0 60px rgba(0,0,0,.25);
  --shadow-input-inner: inset 0 1px 5px rgba(31,38,50,.07), inset 0 -1px 0 rgba(255,255,255,.70);

  --sidebar-w: 292px;
  --sidebar-collapsed-w: 92px;
  --work-w: 980px;
  --gap: 0px;
  --ease: cubic-bezier(.2,.8,.2,1);

  --ucmu-bg: #eef1f5;
  --ucmu-app-bg: #eef1f5;
  --ucmu-app-surface: #f8f9fb;
  --ucmu-card-2: #f1f3f6;
  --ucmu-border: rgba(31,38,50,.09);
  --ucmu-accent: #d8242e;

  --ucmu-app-bg-2: #e6ebf1;
}