/* Keep the retention workspace and its body-teleported controls on the same blue
 * palette. The override ends as soon as the page is unmounted. */
:root:has(.retention-page) {
  --dy-color-primary: #006dff;
  --dy-color-primary-hover: #4d99ff;
  --dy-color-primary-active: #0057cc;
  --dy-color-primary-bg: #e6f0ff;
  --dy-bg-hover: #f5f9ff;
  --el-color-primary: var(--dy-color-primary);
  --el-color-primary-rgb: 0, 109, 255;
  --el-color-primary-light-3: #4d99ff;
  --el-color-primary-light-5: #80b6ff;
  --el-color-primary-light-7: #b3d3ff;
  --el-color-primary-light-8: #cce2ff;
  --el-color-primary-light-9: var(--dy-color-primary-bg);
  --el-color-primary-dark-2: var(--dy-color-primary-active);
}