/* Notes: docs/browser-code-notes.md#brand-colors-css */
.draft-bar{align-items:center;gap:12px}
html[data-color-theme=brand]{--mts-primary:#a00826;--mts-gold:#e7bd65;--mts-deep:#500b19;--mts-paper:#fff8ed;--mts-feature-paper:#fbf3e5;--mts-rule:#e4cfaa;--mts-line:#e4cfaa;--mts-card-line:#d9be91}
html[data-color-theme=brand]{--ink:#404041;--muted:#606063;--blue:#7f1623;--gold:#7f1623;--light:#f2f1f1;--line:#ddd9da;--accent:#7f1623;--mts:var(--mts-primary);--spotlight:#7f1623;--spotlight-gray:#404041}
html[data-color-theme=brand] .draft-bar{background:#404041;color:#fff}
html[data-color-theme=brand] .draft-bar strong{color:#fff}
html[data-color-theme=brand] .button:not(.outline){background:var(--accent);border-color:var(--accent);color:#fff}
html[data-color-theme=brand] .button:not(.outline):hover{filter:brightness(1.12)}
html[data-color-theme=brand] .button.outline{color:var(--accent);border-color:var(--accent)}
html[data-color-theme=brand] .eyebrow{color:var(--accent)}
html[data-color-theme=brand] .hero-copy h1 em,html[data-color-theme=brand] .program-hero h1 em{color:var(--accent)}
html[data-color-theme=brand] .program-hero{background:#f1eeee}
html[data-color-theme=brand] .program-hero p{color:#606063}
html[data-color-theme=brand] .pathway.swing{--accent:var(--mts-primary)}
html[data-color-theme=brand] .round-note{background:#7f1623;color:#fff}
html[data-color-theme=brand] .learn-class{background:#f3f1f1;border-color:#d4ccce;border-top:4px solid #7f1623}
html[data-color-theme=brand] .learn-class:first-child{--accent:var(--mts-primary);--blue:var(--mts-primary);background:var(--mts-paper);border-top-color:var(--mts-primary)}
html[data-color-theme=brand] .learn-class h3{color:var(--accent)}
html[data-color-theme=brand] .swing-class-choice+.swing-class-choice{border-top-color:var(--mts-rule)}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program,.lindy-feature,.series-card,.facts){--accent:var(--mts-primary);--blue:var(--mts-primary);--gold:var(--mts-primary)}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program){background:var(--mts-primary);color:#fff}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program) :is(h1 em,.eyebrow){color:#fff}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program) h1 em{text-decoration:underline;text-decoration-color:var(--mts-gold);text-decoration-thickness:3px;text-underline-offset:10px}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program) :is(p,.breadcrumb,.program-brand){color:#e4dfe1}
html[data-color-theme=brand] .beginner-reminder{border-color:var(--mts-gold)}
html[data-color-theme=brand] .lindy-feature{background:var(--mts-feature-paper)}
html[data-color-theme=brand] .lindy-feature-options>a{background:#fffefa;border-color:var(--mts-line)}
html[data-color-theme=brand] .series-card{background:var(--mts-paper);border-color:var(--mts-card-line)}
html[data-color-theme=brand] .aside-card{background:#404041;--accent:#7f1623}
html[data-color-theme=brand] .aside-card :is(.eyebrow,p,small){color:#fff}
html[data-color-theme=brand] .aside-card .button{background:#fff;color:#7f1623;border-color:#fff}
html[data-color-theme=brand] footer{background:#404041;color:#fff}
html[data-color-theme=brand] footer :is(.footer-brand,strong){color:#fff}
html[data-color-theme=brand] :is(button,a,input,select,textarea):focus-visible{outline-color:#9a415b}
@media(max-width:800px){.draft-bar{flex-wrap:wrap;gap:6px 12px}}
html[data-color-theme=brand] .learn-class:first-child{--gold:var(--mts-gold);border-top-color:var(--mts-primary)}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program,.lindy-feature,.series-card){--gold:var(--mts-gold)}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program) .eyebrow{color:var(--mts-gold)}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program) .button:not(.outline){background:var(--mts-gold);border-color:var(--mts-gold);color:var(--mts-deep)}
html[data-color-theme=brand] :is(.swing-hero,.midtown-program) .button.outline{color:#fff;border-color:#fff}
html[data-color-theme=brand] .reading-layout[data-brand=midtown]{--accent:var(--mts-primary);--blue:var(--mts-primary);--gold:var(--mts-gold)}
html[data-color-theme=brand] .reading-layout[data-brand=midtown] .aside-card{background:var(--mts-deep);--accent:var(--mts-primary)}
html[data-color-theme=brand] .reading-layout[data-brand=midtown] .aside-card .button{background:var(--mts-gold);color:var(--mts-deep);border-color:var(--mts-gold)}
html[data-color-theme=brand] .next-strip .eyebrow{color:#fff}
html[data-color-theme=brand] .site-header nav a[href='/midtown-stomp'].active{color:var(--mts-primary);text-decoration-color:var(--mts-gold)}
html[data-color-theme=brand] .shared-brand-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;color:var(--muted)}
html[data-color-theme=brand] .brand-label{padding-bottom:5px;border-bottom:3px solid}
html[data-color-theme=brand] .brand-label[data-brand=midtown]{color:var(--mts-primary);border-color:var(--mts-gold)}
html[data-color-theme=brand] .brand-label[data-brand=spotlight]{color:var(--spotlight);border-color:var(--spotlight-gray)}
html[data-color-theme=brand] .learn-class{--card-padding:32px;border-top:0}
html[data-color-theme=brand] .learn-class-heading{align-self:stretch;margin:calc(-1 * var(--card-padding)) calc(-1 * var(--card-padding)) 20px;padding:26px var(--card-padding) 24px;border-bottom:4px solid;min-height:152px}
html[data-color-theme=brand] .learn-class[data-brand=midtown] .learn-class-heading{background:var(--mts-primary);border-color:var(--mts-gold)}
html[data-color-theme=brand] .learn-class[data-brand=spotlight] .learn-class-heading{background:var(--spotlight);border-color:var(--spotlight-gray)}
html[data-color-theme=brand] .learn-class .learn-class-heading h3{color:#fff;margin-bottom:0}
html[data-color-theme=brand] .learn-class[data-brand=midtown] .learn-class-heading .eyebrow{color:var(--mts-gold)}
html[data-color-theme=brand] .learn-class[data-brand=spotlight] .learn-class-heading .eyebrow{color:#fff}
html[data-color-theme=brand] .learn-class .button{background:var(--spotlight);border-color:var(--spotlight);color:#fff}
html[data-color-theme=brand] .learn-class[data-brand=midtown] :is(h4,.text-link){color:var(--mts-primary)}
html[data-color-theme=brand] .swing-class-choice+.swing-class-choice{border-top:2px solid var(--mts-gold)}
html[data-color-theme=brand] .event-row[data-brand=midtown]{--blue:var(--mts-primary)}
html[data-color-theme=brand] .event-row[data-brand=midtown] .date-tile strong{color:var(--mts-primary)}
html[data-color-theme=brand] .event-row .tag{display:inline-block;padding:3px 7px;border-bottom:2px solid}
html[data-color-theme=brand] .event-row[data-brand=midtown] .tag{background:var(--mts-paper);color:var(--mts-primary);border-color:var(--mts-gold)}
html[data-color-theme=brand] .event-row[data-brand=spotlight] .tag{background:#f3f1f1;color:var(--spotlight);border-color:var(--spotlight-gray)}
html[data-color-theme=brand] .filter[data-filter=midtown]{color:var(--mts-primary);border-color:var(--mts-primary)}
html[data-color-theme=brand] .filter[data-filter=midtown][aria-pressed=true]{background:var(--mts-primary);color:#fff;box-shadow:inset 0 -3px var(--mts-gold)}
html[data-color-theme=brand] .filter[data-filter=spotlight]{color:var(--spotlight);border-color:var(--spotlight)}
html[data-color-theme=brand] .filter[data-filter=spotlight][aria-pressed=true]{background:var(--spotlight);color:#fff;box-shadow:inset 0 -3px var(--spotlight-gray)}
html[data-color-theme=brand] .next-strip[data-brand=midtown]{background:var(--mts-deep);border-top:3px solid var(--mts-gold)}
html[data-color-theme=brand] .next-strip[data-brand=midtown] .eyebrow{color:var(--mts-gold)}
html[data-color-theme=brand] .next-strip[data-brand=midtown] p{color:#fff2dc}
html[data-color-theme=brand] .detail-grid[data-brand=midtown]{--accent:var(--mts-primary);--blue:var(--mts-primary);--gold:var(--mts-gold)}
html[data-color-theme=brand] .detail-grid[data-brand=midtown] .booking-box{background:var(--mts-paper);border-top:4px solid var(--mts-gold)}
html[data-color-theme=brand] .detail-grid[data-brand=midtown] .price-big{color:var(--mts-primary)}
html[data-color-theme=brand] :is(.directory-group,.related) a[data-brand=midtown]{color:var(--mts-primary);text-decoration:underline;text-decoration-color:var(--mts-gold);text-decoration-thickness:2px;text-underline-offset:5px}
html[data-color-theme=brand] .mega-columns a[data-brand=midtown]{color:var(--mts-primary)}
@media(max-width:800px){html[data-color-theme=brand] .learn-class{--card-padding:22px;padding:22px}html[data-color-theme=brand] .learn-class-heading{min-height:0}}
html[data-color-theme=brand] .photo-strip .eyebrow{color:var(--mts-gold)}