/* Blue-and-white workbench preview. Pages opt in without changing admin density. */
.admin-workbench {
  --workbench-primary: #3784fa;
  --workbench-primary-hover: #5b9bfb;
  --workbench-primary-active: #276dd5;
  --workbench-primary-disabled: #a9c9fc;
  --workbench-number: #1890ff;
  --workbench-text: #1f2937;
  --workbench-muted: #64748b;
  --workbench-surface: #fff;
  --workbench-surface-soft: #f5f7fb;
  --workbench-surface-tint: #f8faff;
  --workbench-border: #e5eaf2;
  --workbench-shadow: 0 4px 18px rgb(31 55 90 / 4%);
  --workbench-radius: 16px;
  --workbench-icon-radius: 12px;
  --workbench-page-padding: 12px;
  --workbench-list-inset: 12px;
  --workbench-list-toolbar-height: 48px;
  --workbench-list-toolbar-padding: 6px;
  --workbench-list-query-padding: 8px;
  --workbench-list-pagination-height: 48px;
  --workbench-list-pagination-padding: 6px;
  --workbench-page-space: 24px;
  --workbench-section-gap: 16px;
  --workbench-grid-gap: 18px;
  --workbench-card-space: 20px;
  --workbench-metric-min-height: 186px;
  --workbench-title-size: 24px;
  --workbench-section-title-size: 18px;
  --workbench-label-size: 15px;
  --workbench-number-size: 34px;
  --workbench-compact-number-size: 26px;
  --workbench-compact-card-space: 14px;
  --workbench-tab-radius: 8px;
  --workbench-note-size: 13px;
  --workbench-accent: #3784fa;
  --workbench-accent-soft: #eff6ff;
  --workbench-accent-border: #dbeafe;
}

.admin-workbench .workbench-tone[data-tone='blue'] {
  --workbench-accent: #3784fa;
  --workbench-accent-soft: #eff6ff;
  --workbench-accent-border: #dbeafe;
}

.admin-workbench .workbench-tone[data-tone='teal'] {
  --workbench-accent: #169b9b;
  --workbench-accent-soft: #effcfa;
  --workbench-accent-border: #c7eeea;
}

.admin-workbench .workbench-tone[data-tone='green'] {
  --workbench-accent: #18a46f;
  --workbench-accent-soft: #ecfdf5;
  --workbench-accent-border: #c7efdd;
}

.admin-workbench .workbench-tone[data-tone='purple'] {
  --workbench-accent: #8b5cf6;
  --workbench-accent-soft: #f5f3ff;
  --workbench-accent-border: #e6ddfc;
}

.admin-workbench .workbench-tone[data-tone='amber'] {
  --workbench-accent: #bf850e;
  --workbench-accent-soft: #fffbeb;
  --workbench-accent-border: #f5e2ad;
}

.admin-workbench .workbench-tone[data-tone='rose'] {
  --workbench-accent: #e85e70;
  --workbench-accent-soft: #fff1f3;
  --workbench-accent-border: #f8d7df;
}