/*! Art-finder per-page palette tokens.
 * Initial values copied from src/digital-performer/tokens.css and scoped
 * to [data-page="art-finder"]. Lives independently from any DAW scope so
 * art-finder can evolve its palette without dragging DP along.
 */

[data-page="art-finder"] {
  --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);

  /* AA-passing variant of the DP teal (#0d93ae → #0A7188). */
  --buttoncolor: #0A7188;
}

@media (prefers-color-scheme: dark) {
  [data-page="art-finder"] {
    --color-bright:     var(--color-bright-dm);
    --color-dark:       var(--color-dark-dm);
    --color-text:       var(--color-text-dm);
    --color-background: var(--color-background-dm);
    --buttoncolor:      #2DA8C0;
  }
}

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