/*! 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 * . */ /* DARK MODE — canonical reference */ [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); /* LIGHT mode — hand-picked, NOT derived from dark */ --color-bright: #EEEDE7; --color-dark: #B9B7BD; --color-text: #333436; --color-background: #123456; --color-header: var(--color-header-dm); /* header doesn't theme-switch */ /* buttoncolor differs per mode (handpicked) */ --buttoncolor: #507894; /* light-mode default */ } @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); /* Lifted blue for dark mode so --buttoncolor passes 3:1 against * the dark page bg (--color-dark-dm = #343536, Y ≈ 0.04). The live * Cubase site has no dark mode and keeps the muted #507894 — at * Y ≈ 0.18 that fails non-text contrast against our dark bg * (2.61:1) and inline doc-page link contrast (4.21:1, under AA). * #74A8CC keeps the same hue family but Y ≈ 0.36, giving 4.58:1 * for the buttoncolor itself and 6.0:1 for derived link mixes. */ --buttoncolor: #74A8CC; } } /* hover variant of buttoncolor — used by .hero__cta:hover etc. * Derives from --buttoncolor + --color-text-dm (always-bright anchor) * to keep the hover lift bright in both modes without a `white` literal. */ [data-daw="cubase"] { --hover: color-mix(in srgb, var(--buttoncolor) 80%, var(--color-text-dm)); }