/*! Cakewalk per-DAW palette tokens.
 * Hand-picked from docs/.../website head Cakewalk.html.
 * Note: live source had `#974c1` for --color-background-dm — that's
 * 5 hex digits, an obvious typo. Padded to `#9f74c1` to match the
 * pattern used by Cubase / Dorico / DP. */

[data-daw="cakewalk"] {
  --color-bright-dm: #878352;
  --color-dark-dm:   #33311f;
  --color-text-dm:   #f6f6f0;
  --color-background-dm: #9f74c1;
  --color-header-dm: var(--color-bright-dm);

  --color-bright:     #f4f3df;
  --color-dark:       #d1ce81;
  --color-text:       #14130a;
  --color-background: #9f74c1;
  --color-header:     var(--color-header-dm);

  /* Light-mode buttoncolor lifted from the live page's yellow-gold
   * #C4BE36 (Y ≈ 0.49) to a deep olive #5E5917 (Y ≈ 0.10). Yellow-on-
   * cream is intrinsically low-contrast — the live ratio sat at
   * 1.71:1 against the cream page bg (#f4f3df), well below 3:1.
   * Lifted variant: ~6.4:1 buttoncolor-on-page, ~8.7:1 link mix.
   * Hue preserved (yellow → olive — keeps the brand identity warm). */
  --buttoncolor: #5E5917;
}

@media (prefers-color-scheme: dark) {
  [data-daw="cakewalk"] {
    --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:      #CABB09;
  }
}

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