/* One light/dark pair per project, shared by navigation and content controls.
   Keep these separate from the site/category --blue palette. */
.index-link[data-project-link="pc-manager"],
.card-button[data-project="pc-manager"],
[data-project-theme="pc-manager"] {
  --project-primary: #005d93;
  --project-surface: #f0f9ff;
}

.index-link[data-project-link="microsoft-news"],
.card-button[data-project="microsoft-news"],
[data-project-theme="microsoft-news"] {
  --project-primary: #303030;
  --project-surface: #f0f0f0;
}

.index-link[data-project-link="studio-8"],
.card-button[data-project="studio-8"],
[data-project-theme="studio-8"] {
  --project-primary: #95001b;
  --project-surface: #ffeff2;
}

.index-link[data-project-link="brand-ads"],
.card-button[data-project="brand-ads"],
[data-project-theme="brand-ads"] {
  --project-primary: #023073;
  --project-surface: #eef5ff;
}

.index-link[data-project-link="officeplus"],
.card-button[data-project="officeplus"],
[data-project-theme="officeplus"] {
  --project-primary: #773f02;
  --project-surface: #fff8ee;
}

.index-link[data-project-link="iqiyi"],
.card-button[data-project="iqiyi"],
[data-project-theme="iqiyi"] {
  --project-primary: #005c2d;
  --project-surface: #eaf9f1;
}

/* Detail/preview titles only; do not recolor prose, card captions, or nav names. */
[data-project-theme] #case-title,
[data-project-theme] #dialog-title {
  color: var(--project-primary);
}

/* Only recolor existing keyboard outlines; never add a thumbnail overlay or
   link the card's hover state with the navigation. Keep the original geometry. */
.work-nav .index-link:focus-visible,
.card-button[data-project]:focus-visible {
  outline-color: var(--project-primary);
}