/*! Logic Remote per-DAW palette tokens.
 * IDENTICAL to Logic's palette — Logic Remote shares Logic's product
 * entitlement (same ACLAS-2026 SKU). Live page tokens are byte-equal
 * to Logic's. Loaded with src/global/css/tokens.css; scopes via
 * <body data-daw="logic-remote">.
 */

[data-daw="logic-remote"] {
  --color-bright-dm: #4c748a;
  --color-dark-dm:   #1c2b33;
  --color-text-dm:   #eef4f7;
  --color-background-dm: #80b0c4;
  --color-header-dm: var(--color-bright-dm);

  --color-bright:     #dce8ef;
  --color-dark:       #9fb2bc;
  --color-text:       #1d262b;
  --color-background: #5d6d76;
  --color-header:     var(--color-header-dm);

  /* Light-mode buttoncolor lifted from the live page's #3b9cd1
   * (Y ≈ 0.295, 2.45:1 on the light page bg #dce8ef) to #1D6396
   * (Y ≈ 0.113) so it clears AA's 4.5:1 (5.16:1 buttoncolor on bg,
   * 6.67:1 link mix). Hue-family preserved. */
  --buttoncolor: #1D6396;
}

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

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