/* v2.19.8 — Rowan 17:33: every orange button has WHITE text. Colours from Marketing (17:34).
   ONE place to change the button colour: the three tokens below.
   --cta-bg  #BF5508  white text 4.65:1 (AA normal text)
   --cta-bg-h #A64508 white text 6.04:1 (hover / focus / active / pressed)
   #F57E20 (--orange) stays for the "AI" wordmark, rules and accents only, never behind white text. */
:root{--cta-bg:#BF5508;--cta-bg-h:#A64508;--cta-fg:#FFFFFF;--cta-ring:#14204A;--cta-ring-dark:#FEC623}

/* every orange CTA / pill */
.btn-primary:not([aria-disabled="true"]),.btn-primary:not([aria-disabled="true"]):visited,
.nav a.btn.btn-primary,.band.dark .btn-primary,
.rk-btn.solid,.rk-btn.solid:visited,.cs-cta,.cs-cta:visited,
.chip[aria-pressed=true],.c-orange.th-chip[aria-pressed=true]{
  background:var(--cta-bg)!important;border-color:var(--cta-bg)!important;color:var(--cta-fg)!important;font-weight:700}
.btn-primary:not([aria-disabled="true"]) *,.rk-btn.solid *,.cs-cta *,.chip[aria-pressed=true] *,.c-orange.th-chip[aria-pressed=true] *{color:inherit!important}

/* hover / focus / active */
.btn-primary:not([aria-disabled="true"]):hover,.btn-primary:not([aria-disabled="true"]):focus-visible,.btn-primary:not([aria-disabled="true"]):active,
.nav a.btn.btn-primary:hover,.nav a.btn.btn-primary:focus-visible,
.rk-btn.solid:hover,.rk-btn.solid:focus-visible,.rk-btn.solid:active,
.cs-cta:hover,.cs-cta:focus-visible,.cs-cta:active,
.chip[aria-pressed=true]:hover,.c-orange.th-chip[aria-pressed=true]:hover{
  background:var(--cta-bg-h)!important;border-color:var(--cta-bg-h)!important;color:var(--cta-fg)!important}

/* focus ring stays visible: navy ring outside the button (15.7:1 on the page, 3.38:1 against #BF5508) */
.btn-primary:focus-visible,.rk-btn.solid:focus-visible,.cs-cta:focus-visible,.chip:focus-visible,.th-chip:focus-visible{
  outline:3px solid var(--cta-ring)!important;outline-offset:3px!important}
.band.dark .btn-primary:focus-visible{outline-color:var(--cta-ring-dark)!important}
/* Music Studio "Kick" drum pad is an orange button too: deeper orange + white text (pad colour comes from an inline style) */
button[data-pad][style*="F57E20"]{background:var(--cta-bg)!important;color:var(--cta-fg)!important}
button[data-pad][style*="F57E20"]:hover,button[data-pad][style*="F57E20"]:active{background:var(--cta-bg-h)!important}