:root {
  --bg-base: #f3f3f9;
  --surface-1: #ffffff;
  --surface-2: #ffffff;
  --surface-3: #f3f6f9;
  --border-subtle: #eff2f7;
  --border-default: #ced4da;
  --border-strong: #adb5bd;
  --text-primary: #212529;
  --text-secondary: #878a99;
  --text-tertiary: #adb5bd;
  --text-disabled: #878a99;
  --text-inverse: #ffffff;
  --brand-primary: #405189;
  --brand-hover: #3577f1;
  --brand-pressed: #405189;
  --focus-ring: rgba(64, 81, 137, 0.2);
  --success: #0ab39c;
  --warning: #f7b84b;
  --danger: #f06548;
  --info: #299cdb;
  --sidebar-bg: #405189;
  --sidebar-hover: rgba(255, 255, 255, 0.1);
  --sidebar-active: rgba(255, 255, 255, 0.16);
  --sidebar-text: #ffffff;
  --sidebar-muted: rgba(255, 255, 255, 0.74);
  --shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.08);
}