:root {
  --color-theme: #2990ff;
  --color-theme-hover: #4ba2ff;
  --color-theme-active: #2279d6;
  --color-theme-selected-disabled: #b6d9ff;
  --color-theme-notice-bg: #dfeeff;
  --color-theme-selected-bg: #eef7ff;
  --color-success: #5ab333;
  --color-success-hover: #7bc25c;
  --color-success-active: #488f29;
  --color-success-notice-bg: #e6f4e0;
  --color-warning: #f0aa32;
  --color-warning-hover: #f3bb5b;
  --color-warning-active: #c08828;
  --color-warning-notice-bg: #fdf2e0;
  --color-danger: #e44144;
  --color-danger-hover: #e96769;
  --color-danger-active: #b63436;
  --color-danger-notice-bg: #fbe3e3;
  --color-sidebar-bg: #3d4b59;
  --color-sidebar-selected: rgba(255,255,255,.16);
  --color-global-bg: #edf0f4;
  --color-card: #f7f8fa;
  --color-divider: #ebebeb;
  --color-border: #d9d9d9;
  --color-disabled-bg: #f7f7f7;
  --color-hover-bg: rgba(0,0,0,.04);
  --color-white: #ffffff;
  --color-text-title: #222222;
  --color-text-subtitle: #333333;
  --color-text-body: #666666;
  --color-text-muted: #999999;
  --color-text-disabled: #bfbfbf;

  /* Compatibility aliases used by the existing documentation shell. */
  --brand-600: var(--color-theme);
  --brand-700: var(--color-theme-active);
  --ink-950: var(--color-text-title);
  --ink-700: var(--color-text-subtitle);
  --ink-500: var(--color-text-body);
  --line: var(--color-divider);
  --surface: var(--color-white);
  --canvas: var(--color-global-bg);
  --success: var(--color-success);
}