/* Pearl Sapphire — local, user-authorized Home colour comparison, 2026-09-16.
 * D-1/B-51: restrained sapphire emphasis in light mode; D-6: scoped role contrast.
 * D-4: existing purple data activation and all motion behaviour are unchanged.
 * Dark reproduces all 13 original Cobalt Pearl roles exactly. Light preserves
 * its neutral foundation and typography roles; only emphasis colours change.
 * These are comparison roles, not ratified design-system tokens.
 */

html[data-palette="cobalt-pearl-blue"][data-theme="dark"] body.option-connected {
  --po-bg:#0B1322;
  --po-panel:#111F34;
  --po-alt:#14243B;
  --po-footer:#08111F;
  --po-ink:#EDF3FF;
  --po-muted:#B8C8DF;
  --po-line:#354B69;
  --po-strong:#7893B6;
  --po-accent:#E7E0D1;
  --po-hover:#F6F1E7;
  --po-on:#1F2634;
  --po-art:#D7DEE8;
  --po-soft:#242C3A;
}

html[data-palette="cobalt-pearl-blue"][data-theme="light"] body.option-connected {
  --po-bg:#F5F7FC;
  --po-panel:#FFFFFF;
  --po-alt:#EAF0FA;
  --po-footer:#E8EDF6;
  --po-ink:#14223B;
  --po-muted:#3B4D69;
  --po-line:#C2CDE1;
  --po-strong:#7187AF;
  --po-accent:#2445AF;
  --po-hover:#183794;
  --po-on:#FFFFFF;
  --po-art:#2445AF;
  --po-soft:#E8EEFB;
}