/*! Logic Pro per-DAW palette tokens.
 * Hand-picked light + dark values from Marc's per-page head (preserved verbatim).
 * Loaded together with src/global/css/tokens.css — global is neutrals only;
 * this file scopes brand tokens to <body data-daw="logic">.
 */


[data-daw="logic"] {
  --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);   

  
  --buttoncolor: #1D6396;
}

@media (prefers-color-scheme: dark) {
  [data-daw="logic"] {
    --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"] {
  --hover: color-mix(in srgb, var(--buttoncolor) 80%, var(--color-text-dm));
}
