/*! Cubase per-DAW palette tokens. * Hand-picked light + dark values from the live Cubase page head * (preserved verbatim — see docs/superpowers/Old Homepage/website * head cubase.html). Loaded together with src/global/css/tokens.css * — global is neutrals only; this file scopes brand tokens to * . */ [data-daw="cubase"] { --color-bright-dm: #516575; --color-dark-dm: #343536; --color-text-dm: #f2eedf; --color-background-dm: #4E4F50; --color-header-dm: var(--color-bright-dm); --color-bright: #EEEDE7; --color-dark: #B9B7BD; --color-text: #333436; --color-background: #123456; --color-header: var(--color-header-dm); --buttoncolor: #507894; } @media (prefers-color-scheme: dark) { [data-daw="cubase"] { --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: #74A8CC; } } [data-daw="cubase"] { --hover: color-mix(in srgb, var(--buttoncolor) 80%, var(--color-text-dm)); }