/*! Digital Performer per-DAW palette tokens. */

[data-daw="digital-performer"] {
  --color-bright-dm: #3d656d;
  --color-dark-dm:   #1e3236;
  --color-text-dm:   #f0f6f8;
  --color-background-dm: #9f74c1;
  --color-header-dm: var(--color-bright-dm);

  --color-bright:     #e7f3f6;
  --color-dark:       #a3d1db;
  --color-text:       #1c282a;
  --color-background: #9f74c1;
  --color-header:     var(--color-header-dm);

  /* Light-mode buttoncolor lifted from the live page's #0d93ae (Y ≈ 0.244,
   * 3.20:1 on page) to #0A7188 (Y ≈ 0.145) so it passes AA's 4.5:1 for
   * any direct text use. Hue family (cyan-teal) preserved. */
  --buttoncolor: #0A7188;
}

@media (prefers-color-scheme: dark) {
  [data-daw="digital-performer"] {
    --color-bright:     var(--color-bright-dm);
    --color-dark:       var(--color-dark-dm);
    --color-text:       var(--color-text-dm);
    --color-background: var(--color-background-dm);
    /* Lifted dark from #1598b3 (3.95:1) to #2DA8C0 (~4.7:1 against
     * the dark page bg) so direct text use clears AA. */
    --buttoncolor:      #2DA8C0;
  }
}

[data-daw="digital-performer"] {
  --hover: color-mix(in srgb, var(--buttoncolor) 80%, var(--color-text-dm));
}