/* Shared login, admin, and dashboard palette. Both root attribute conventions
   resolve to the same surfaces, text, and action accents. */
:root {
  --info-body: #eef1f5;
  --info-card: #fff;
  --info-text: #202020;
  --info-muted: #526174;
  --info-divider: #cdd5df;
  --info-control-border: #8292aa;
  --info-hover: #e5e9ef;
  --info-accent: #806039;
  --info-title: #eee5d6;
  --info-primary-fill: var(--info-card);
  --info-primary-text: var(--info-text);
  --info-primary-hover: var(--info-body);
  --info-primary-pressed: var(--info-body);
  --window-title: var(--workspace);
  --window-title-text: var(--workspace-text);
  --workspace-accent: #c2a16a;
}
:root[data-theme-family="blue"] {
  --info-accent: #002060;
  --info-title: #dee9f8;
  --workspace-accent: #002060;
}
:root[data-theme-family="gold"] { --workspace-accent: #806039; }
:root:is([data-color-scheme="light"], [data-theme="light"]) {
  --page-base: #f3f5f8;
  --workspace: #fff;
  --workspace-secondary: #eef1f5;
  --workspace-hover: #e5e9ef;
  --workspace-border: #8292aa;
  --workspace-divider: #cdd5df;
  --control-fill: #fff;
  --workspace-text: #202020;
  --workspace-muted: #526174;
  --primary-fill: #fff;
  --primary-text: #202020;
  --primary-hover: #f3f5f8;
  --primary-pressed: #e5e9ef;
  --info-primary-hover: #f3f5f8;
  --info-primary-pressed: #e5e9ef;
  --window-title: var(--info-title);
  --selected-fill: #eef1f5;
  --workspace-shadow: 0 12px 36px #2020200a;
}
:root:is([data-theme="blue-light"], [data-color-scheme="blue-light"]) {
  --primary-fill: #002060;
  --primary-text: #fff;
  --info-primary-fill: #002060;
  --info-primary-text: #fff;
}
:root:is([data-color-scheme="dark"], [data-theme="dark"]) {
  --page-base: #151515;
  --workspace: #202020;
  --workspace-secondary: #2a2a2a;
  --workspace-hover: #363636;
  --workspace-border: #505050;
  --workspace-divider: #505050;
  --control-fill: #2a2a2a;
  --workspace-text: #fff;
  --workspace-muted: #bdbdbd;
  --primary-fill: #2a2a2a;
  --primary-text: #fff;
  --primary-hover: #363636;
  --primary-pressed: #363636;
  --selected-fill: #363636;
  --workspace-shadow: 0 12px 36px #00000024;
}
:root:is([data-theme="gold-dark"], [data-color-scheme="gold-dark"]) { --workspace-accent: #c2a16a; }
:root:is([data-theme="blue-dark"], [data-color-scheme="blue-dark"]) { --workspace-accent: #5b86b3; }

/* One busy indicator shared by the app and its dashboard document. */
.busy-spinner { display: inline-block; flex: none; width: 1em; height: 1em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: middle; animation: smx-spin .8s linear infinite; }
.busy-spinner[hidden] { display: none; }
@keyframes smx-spin { to { transform: rotate(360deg); } }