/*! 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 . */ /* DARK MODE — canonical reference */ [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); /* LIGHT mode — hand-picked, NOT derived from dark */ --color-bright: #dce8ef; --color-dark: #9fb2bc; --color-text: #1d262b; --color-background: #5d6d76; --color-header: var(--color-header-dm); /* header doesn't theme-switch */ /* buttoncolor differs per mode (handpicked). * Light: lifted from the live brand #3b9cd1 (2.45:1 on page bg #dce8ef, * fails AA) to #1D6396 (5.16:1) — same hue family. */ --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; /* dark-mode buttoncolor */ } } /* 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="logic"] { --hover: color-mix(in srgb, var(--buttoncolor) 80%, var(--color-text-dm)); }