/*! Fender Studio Pro per-DAW palette tokens. * Hand-picked light + dark values from docs/.../website head Studio One.html. * Loaded with src/global/css/tokens.css; scopes to . * (Palette inherited from the Studio One identity — Marc kept the blue through * the Fender rebrand. Switch to Fender red/black later if the page ever needs it.) */ [data-daw="studio-pro"] { --color-bright-dm: #44718a; --color-dark-dm: #192a34; --color-text-dm: #eef4f7; --color-background-dm: #80b0c4; --color-header-dm: var(--color-bright-dm); --color-bright: #bfd7e8; --color-dark: #90b8d7; --color-text: #0a0f14; --color-background: #6fa8c1; --color-header: var(--color-header-dm); /* Light-mode buttoncolor lifted from the live page's #609ac6 (Y ≈ 0.31) * to #2C5E84 (Y ≈ 0.10). Original sat at 1.95:1 on the light page bg * (#bfd7e8, Y ≈ 0.66) — fails 3:1 non-text, and the derived .doc-page * link mix landed at 3.62:1, under AA's 4.5:1. Lifted variant: 4.66:1 * buttoncolor-on-page, ~5.3:1 link. Hue family preserved * (medium-blue → navy-blue). */ --buttoncolor: #2C5E84; } @media (prefers-color-scheme: dark) { [data-daw="studio-pro"] { --color-bright: var(--color-bright-dm); --color-dark: var(--color-dark-dm); --color-text: var(--color-text-dm); --color-background: var(--color-background-dm); /* Live #2895d4 was 4.40:1 on dark page bg #192a34 — under AA 4.5:1. * Lifted to #34A4DD (Y ≈ 0.33) → 5.22:1, comfortable AA pass. */ --buttoncolor: #34A4DD; } } [data-daw="studio-pro"] { --hover: color-mix(in srgb, var(--buttoncolor) 80%, var(--color-text-dm)); }