/* Team GB header + tone switch — from the Claude Design canvas "Team GB Wake — Team Pages".
   Put class="tone-root" data-theme="wakeboard|wakesurf" data-tone="light|colour" on the page root.
   data-tone="light"  = interim release (white/grey grounds) — ship now on Wakeboard UK.
   data-tone="colour" = full colour release (sport-colour band + darker menu bar) — year end.
   .tone-invert marks areas that are navy in colour and pale grey in light: inside them the
   dark/light tokens swap, so the same markup serves both tones. */
body { margin: 0; }
a { color: var(--c-red); }
a:hover { color: var(--c-ink); }
.tone-root{--band-bg:var(--accent);--band-ink:var(--on-accent);--band-word:var(--accent-dark);--menu-bg:var(--accent-dark);--menu-ink:#ffffff;--menu-rule:transparent;--menu-active-bg:#ffffff;--menu-active-ink:var(--accent-dark);--menu-active-bar:transparent;--cta-bg:var(--c-ink)}
.tone-root[data-tone="light"]{--band-bg:#ffffff;--band-ink:#101d33;--band-word:#edf2f6;--menu-bg:#edf2f6;--menu-ink:#101d33;--menu-rule:#101d33;--menu-active-bg:#ffffff;--menu-active-ink:#101d33;--menu-active-bar:var(--accent);--cta-bg:var(--c-red)}
.tone-root[data-tone="light"] .tone-invert{--c-ink:#edf2f6;--c-ink-2:#dde4eb;--c-white:#101d33;--c-on-dark:#253a54;--c-on-dark-2:#46586f;--c-on-dark-3:#5d6e85;--c-on-dark-utility:#46586f;--c-on-dark-hairline:rgba(16,29,51,0.16);--c-on-dark-border:rgba(16,29,51,0.45)}
.tone-root[data-tone="light"] .tone-invert .button:not(.button--ghost){color:#ffffff}
.tone-root[data-tone="light"] .tone-invert .footer__logo{filter:none}
.tone-root[data-tone="light"] .footer.tone-invert{border-top:2px solid #101d33}
/* Light: Concept C hard-codes a few white-alpha text colours on dark grounds; re-point them. */
.tone-root[data-tone="light"] .tone-invert .crumbs--light{color:#5d6e85}
.tone-root[data-tone="light"] .tone-invert .lead{color:#46586f}
.tone-root[data-tone="light"] .tone-invert .section-head{border-bottom-color:#101d33}
.tone-root[data-tone="light"] .footer.tone-invert,.tone-root[data-tone="light"] .footer.tone-invert a,.tone-root[data-tone="light"] .footer.tone-invert p{color:#46586f}
.tone-root[data-tone="light"] .footer.tone-invert a:hover{color:#c62b38}