/* Light theme for the public site. Admin pages do not use this class. */

body.is-light {
    background: #f3efe6;
    color: #1c1915;
}

body.is-light .hd-app,
body.is-light .site-header-shell,
body.is-light #main-content {
    background: #f3efe6;
    color: #1c1915;
}

body.is-light .hd-top,
body.is-light .hd-side,
body.is-light .hd-foot,
body.is-light .ufd-header,
body.is-light .ufd-footer {
    background: #fffdf8;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.08);
}

body.is-light .hd-card,
body.is-light .hd-feed,
body.is-light .hd-post,
body.is-light .hd-compose,
body.is-light .hd-search input,
body.is-light .hd-bell summary,
body.is-light .hd-icon,
body.is-light .pf-card,
body.is-light .auth-card,
body.is-light .auth-form,
body.is-light .kb-card,
body.is-light .kb-hero,
body.is-light .mp-card {
    background: #fffdf8;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.08);
}

body.is-light .hd-tabs button,
body.is-light .hd-top__nav a,
body.is-light .hd-side a,
body.is-light .hd-foot a,
body.is-light .hd-brand,
body.is-light .hd-brand strong,
body.is-light .hd-user,
body.is-light .hd-user span,
body.is-light .hd-me,
body.is-light .hd-me strong,
body.is-light .hd-sq,
body.is-light .hd-sq strong,
body.is-light .hd-op,
body.is-light .hd-op strong,
body.is-light .hd-talk,
body.is-light .hd-talk span,
body.is-light .ufd-nav a,
body.is-light .ufd-brand strong,
body.is-light h1,
body.is-light h2,
body.is-light h3,
body.is-light .pf-card h2,
body.is-light .ev-title,
body.is-light .ev-panel-title {
    color: #1c1915;
}

body.is-light .hd-tabs button.is-on,
body.is-light .hd-top__nav a.is-on,
body.is-light .hd-side a.is-on {
    color: #8a5d0b;
}

body.is-light .hd-brand small,
body.is-light .hd-sq small,
body.is-light .hd-op small,
body.is-light .hd-me small,
body.is-light .hd-author small,
body.is-light .hd-foot,
body.is-light .pf-note,
body.is-light .ev-hint,
body.is-light .ufd-muted,
body.is-light .hd-tiles span {
    color: #5e584e;
}

body.is-light .hd-sq b,
body.is-light .hd-me em,
body.is-light .hd-sq strong .fa-circle-check {
    color: #8a5d0b;
}

body.is-light .uf-discord-prose,
body.is-light .hd-news-body {
    color: #2a261f;
}

body.is-light .uf-discord-prose h2,
body.is-light .uf-discord-prose h3,
body.is-light .uf-discord-prose h4,
body.is-light .uf-discord-prose strong,
body.is-light .hd-author strong {
    color: #1c1915;
}

body.is-light input,
body.is-light select,
body.is-light textarea,
body.is-light .auth-field input,
body.is-light .auth-field select,
body.is-light .auth-field textarea,
body.is-light .ev-input,
body.is-light .ev-select,
body.is-light .ev-textarea {
    background: #fff;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.16);
}

body.is-light .hd-btn--ghost,
body.is-light .auth .hd-btn--ghost {
    border-color: rgba(28, 25, 21, 0.16);
    background: #fff;
    color: #1c1915;
}

body.is-light .hd-hero .hd-btn--ghost {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(12, 13, 16, 0.45);
    color: #f4f1ea;
}

body.is-light .hd-search__box,
body.is-light .hd-bell__list,
body.is-light .hd-menu {
    background: #fffdf8;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.1);
}

body.is-light .ev,
body.is-light .ev-modal {
    --ev-bg: #f3efe6;
    --ev-raised: #fffdf8;
    --ev-text: #1c1915;
    --ev-soft: #3a342c;
    --ev-muted: #5e584e;
    --ev-gold: #8a5d0b;
    --ev-gold-hover: #6e4908;
    --ev-ink: #1c1915;
    --ev-line: rgba(28, 25, 21, 0.1);
    --ev-line-strong: rgba(28, 25, 21, 0.16);
}

body.is-light .sq,
body.is-light .sq-modal,
body.is-light .sq-app-modal {
    --sq-bg: #f3efe6;
    --sq-surface: #fffdf8;
    --sq-ink: #1c1915;
    --sq-text: #1c1915;
    --sq-soft: #3a342c;
    --sq-muted: #5e584e;
    --sq-gold: #8a5d0b;
    --sq-gold-hover: #6e4908;
    --sq-line: rgba(28, 25, 21, 0.1);
    --sq-line-strong: rgba(28, 25, 21, 0.16);
}

body.is-light {
    --ufd-bg: #f3efe6;
    --ufd-bg-raised: #fffdf8;
    --ufd-text: #1c1915;
    --ufd-text-soft: #3a342c;
    --ufd-muted: #5e584e;
    --ufd-gold: #8a5d0b;
    --ufd-gold-hover: #6e4908;
    --ufd-ink: #1c1915;
    --ufd-line: rgba(28, 25, 21, 0.1);
    --ufd-line-strong: rgba(28, 25, 21, 0.16);
}

body.is-light .hd-post,
body.is-light .hd-side,
body.is-light .hd-top,
body.is-light .hd-foot,
body.is-light .hd-card,
body.is-light .hd-feed {
    border-color: rgba(28, 25, 21, 0.08);
}

body.is-light .hd-tiles a,
body.is-light .hd-op,
body.is-light .kb-block {
    background: #fffdf8;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.08);
}
/* Surfaces that keep a dark hex in home-dash.css. */

body.is-light.is-dash-page,
body.is-light .hd-app,
body.is-light .hd-stage {
    background: #f3efe6;
    color: #1c1915;
}

body.is-light .hd-user,
body.is-light .hd-icon,
body.is-light .hd-burger,
body.is-light .hd-bell summary,
body.is-light .hd-bell__menu,
body.is-light .hd-search__box,
body.is-light .hd-srv,
body.is-light .hd-clip,
body.is-light .hd-shots__btn,
body.is-light .hd-badge,
body.is-light .pf-set__links span,
body.is-light .pf-set textarea,
body.is-light .rn-now div,
body.is-light .rn-pending,
body.is-light .pf-awards .uf-profile-award,
body.is-light .kb-cat,
body.is-light .kb-sort,
body.is-light .kb-panel,
body.is-light .kb-search,
body.is-light .kb-block,
body.is-light .auth-board,
body.is-light .auth-points li,
body.is-light .auth-steps li,
body.is-light .auth-captcha img,
body.is-light .auth-choice label,
body.is-light .mp-perks article,
body.is-light .mp-filters input,
body.is-light .mp-filters select,
body.is-light .hd-side__out {
    background: #fffdf8;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.1);
}

body.is-light .hd-badge--on {
    background: #e5f0df;
    color: #24532a;
}

body.is-light .hd-badge--off {
    background: #efe8dc;
    color: #5e584e;
}

body.is-light .hd-side__out:hover {
    background: #f6e4e1;
    color: #7a2e28;
}

body.is-light .kb-field input,
body.is-light .kb-field textarea,
body.is-light .kb-field select,
body.is-light .kb-block textarea,
body.is-light .kb-block input,
body.is-light .kb-line input,
body.is-light .pf-set textarea,
body.is-light .mp-filters input,
body.is-light .mp-filters select,
body.is-light .auth-choice label {
    background: #fff;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.16);
}

body.is-light .hd-me img,
body.is-light .hd-user img,
body.is-light .hd-sq img,
body.is-light .hd-guide img {
    background: #e7e1d6;
}

body.is-light .hd-bell__menu button,
body.is-light .hd-bell__menu p,
body.is-light .hd-search__box,
body.is-light .hd-srv,
body.is-light .hd-srv strong,
body.is-light .hd-clip,
body.is-light .kb-card,
body.is-light .kb-card strong,
body.is-light .auth-board,
body.is-light .mp-card,
body.is-light .mp-card strong {
    color: #1c1915;
}

body.is-light .hd-bell__menu small,
body.is-light .hd-srv small,
body.is-light .kb-card small,
body.is-light .mp-card small {
    color: #5e584e;
}

body.is-light .hd-hero,
body.is-light .hd-hero h1,
body.is-light .hd-hero p,
body.is-light .hd-hero a:not(.hd-btn--gold) {
    color: #f4f1ea;
}

body.is-light .hd-btn--gold,
body.is-light .hd-btn--gold i {
    background: #e6a31a;
    color: #1b1408;
}

body.is-light .uf-discord-code {
    background: #f4efe4;
    color: #1c1915;
}

body.is-light .hd-top__nav a.is-on,
body.is-light .hd-side a.is-on,
body.is-light .hd-tabs button.is-on {
    color: #8a5d0b;
}
/* Light theme contrast. Filled buttons keep a bright gold fill and dark label.
   Text on light surfaces is dark. Photo heroes stay light-on-dark. */

body.is-light .ev,
body.is-light .ev-modal,
body.is-light .sq,
body.is-light .sq-modal,
body.is-light .sq-app-modal {
    --ev-gold: #e0b15a;
    --sq-gold: #e0b15a;
    --ev-gold-hover: #c9963a;
    --sq-gold-hover: #c9963a;
    --ev-ink: #1b1408;
    --sq-ink: #1b1408;
    --ev-blue: #245a92;
    --ev-red: #8d3030;
    --ev-danger: #8d3b32;
    --sq-danger: #8d3b32;
    --ev-ok: #2f6a38;
    --sq-ok: #2f6a38;
}

body.is-light {
    --ufd-gold: #e0b15a;
    --ufd-gold-hover: #c9963a;
    --ufd-ink: #1b1408;
    --ufd-danger: #8d3b32;
}

body.is-light :is(.hd-stage, .hd-side, .hd-top, .hd-foot, .pf, .kb, .au, .dc, .pg, .gate, .tm, .mp, .sq, .ev, .auth-board)
    :is(h1, h2, h3, h4, p, li, label, legend, small, strong, em, a, button, span, td, th, summary) {
    color: #1c1915;
}

body.is-light :is(.hd-hero, .pf-hero, .kb-hero, .hd-light, .hd-light__back)
    :is(h1, h2, h3, h4, p, li, a, span, strong, small, em, button) {
    color: #f4f1ea;
}

body.is-light .kb-hero {
    background: #14161b center / cover no-repeat;
    color: #f4f1ea;
}

body.is-light .kb-hero p,
body.is-light .pf-hero .pf-since,
body.is-light .hd-hero p,
body.is-light .hd-hero__links,
body.is-light .hd-hero__links a {
    color: #e4ddd0;
}

body.is-light .kb-search {
    background: rgba(12, 13, 16, 0.72);
    border-color: rgba(255, 255, 255, 0.16);
}

body.is-light .kb-search input {
    background: transparent;
    color: #f4f1ea;
}

body.is-light :is(a, button).hd-btn--ghost,
body.is-light :is(a, button).ufd-btn--ghost,
body.is-light :is(a, button).sq-btn-ghost,
body.is-light :is(a, button).sq-cta,
body.is-light :is(a, button).ev-btn,
body.is-light :is(a, button).ev-btn-ghost,
body.is-light :is(a, button).lf-btn--ghost,
body.is-light :is(a, button).pg-ghost,
body.is-light :is(a, button).au-ghost,
body.is-light .kb-line button,
body.is-light .kb-block header button,
body.is-light .pf .uf-edit-field .relative > button,
body.is-light .pg-modal__card button,
body.is-light .hd-shots__btn,
body.is-light .hd-side__out {
    background: #fff;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.18);
}

body.is-light .hd-hero :is(a, button).hd-btn--ghost,
body.is-light .kb-hero :is(a, button).hd-btn--ghost,
body.is-light .pf-hero :is(a, button).hd-btn--ghost {
    background: rgba(12, 13, 16, 0.55);
    color: #f4f1ea;
    border-color: rgba(255, 255, 255, 0.28);
}

body.is-light :is(a, button).hd-btn--gold,
body.is-light :is(a, button).lf-btn--gold,
body.is-light :is(a, button).ufd-btn--gold,
body.is-light :is(a, button).sq-btn,
body.is-light :is(a, button).sq-cta--gold,
body.is-light :is(a, button).ev-btn-gold,
body.is-light button.au-submit,
body.is-light .pf button[type="submit"],
body.is-light .au button[type="submit"],
body.is-light .gate button[type="submit"],
body.is-light .pg button[type="submit"],
body.is-light .kb button[type="submit"],
body.is-light .ev button[type="submit"].ev-btn-gold,
body.is-light .sq button[type="submit"].sq-btn {
    background: #e0b15a;
    border-color: #c9963a;
    color: #1b1408;
}

body.is-light :is(a, button).hd-btn--gold i,
body.is-light :is(a, button).ev-btn-gold i,
body.is-light :is(a, button).sq-btn i,
body.is-light :is(a, button).sq-cta--gold i {
    color: #1b1408;
}

body.is-light :is(a, button).sq-btn-danger,
body.is-light :is(a, button).ev-btn-danger,
body.is-light .hd-side__out {
    background: #fff;
    color: #8d3b32;
    border-color: rgba(141, 59, 50, 0.45);
}

body.is-light :is(a, button).sq-btn-ok {
    background: #fff;
    color: #246336;
    border-color: rgba(36, 99, 54, 0.4);
}

body.is-light .hd-top__nav a.is-on,
body.is-light .hd-side a.is-on,
body.is-light .hd-tabs button.is-on,
body.is-light .pf-tabs .is-on,
body.is-light .kb-tabs button.is-on,
body.is-light .ev-kicker,
body.is-light .sq-kicker,
body.is-light .ufd-kicker,
body.is-light .kb-kicker,
body.is-light .dc-kicker,
body.is-light .au-kicker,
body.is-light .pg-kicker,
body.is-light .gate-kicker,
body.is-light .hd-card h2 i,
body.is-light .hd-tiles i,
body.is-light .hd-sq b,
body.is-light .hd-card header a,
body.is-light .auth-link,
body.is-light .auth-switch a {
    color: #8a5d0b;
}

body.is-light .uf-discord-prose,
body.is-light .uf-discord-prose h2,
body.is-light .uf-discord-prose h3,
body.is-light .uf-discord-prose h4,
body.is-light .uf-discord-prose strong,
body.is-light .uf-discord-prose li::marker,
body.is-light .hd-news-body,
body.is-light .hd-post p {
    color: #241f18;
}

body.is-light .uf-discord-prose a,
body.is-light .kb-prose a,
body.is-light .dc-body a,
body.is-light .pg-html a {
    color: #8a5d0b;
}

body.is-light .uf-discord-mention,
body.is-light .uf-discord-mention--channel {
    background: #e3e7fb;
    color: #24306e;
}

body.is-light .uf-discord-mention--role {
    background: #f4e7c8;
    color: #6a4708;
}

body.is-light .uf-discord-mention--everyone {
    background: #f8d6d6;
    color: #8a2428;
}

body.is-light .kb-alert,
body.is-light .auth-alert.is-danger,
body.is-light .au-alert.is-danger,
body.is-light .gate-alert.is-danger,
body.is-light .pf-bad,
body.is-light .pf-status.is-bad {
    background: #f8e4e1;
    color: #7a2e28;
}

body.is-light .au-alert.is-ok,
body.is-light .au-ok,
body.is-light .gate-ok,
body.is-light .pf-ok {
    background: #e5f0df;
    color: #24532a;
}

body.is-light .pf-pill {
    background: #8d2a2a;
    color: #fff;
}

body.is-light .hd-badge--on {
    background: #e5f0df;
    color: #24532a;
}

body.is-light .hd-badge--off,
body.is-light .hd-badge {
    background: #efe8dc;
    color: #3a342c;
}

body.is-light .mp-live {
    background: #8d2a2a;
    color: #fff;
}
/* Light panels were still charcoal, so text turned dark on a dark fill.
   Photo banners keep light type. */

body.is-light .sq-front,
body.is-light .sq-indep,
body.is-light .sq-modal__window,
body.is-light .sq-app-modal__window,
body.is-light .sq-app-modal__foot,
body.is-light .sq-sheet,
body.is-light .sq-app-facts article,
body.is-light .sq-app-box,
body.is-light .sq-logo-box,
body.is-light .sq-dossier,
body.is-light .sq-roster,
body.is-light .sq-panel,
body.is-light .sq-meters,
body.is-light .auth-board,
body.is-light .auth-aside {
    background: #fffdf8;
    color: #1c1915;
}

body.is-light .sq-input,
body.is-light .sq-select,
body.is-light textarea.sq-input,
body.is-light .sq-search {
    background: #fff;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.16);
}

body.is-light .sq-search input,
body.is-light .sq-input,
body.is-light .sq-select,
body.is-light textarea.sq-input {
    color: #1c1915;
}

body.is-light .sq-emblem,
body.is-light .sq-logo-pick span {
    background: #e7e1d6;
    color: #1c1915;
}

body.is-light .sq-unit:hover,
body.is-light .sq-member:hover {
    background: rgba(28, 25, 21, 0.04);
}

body.is-light .sq-pill--open {
    background: #e5f0df;
    color: #24532a;
}

body.is-light .sq-pill--closed {
    background: #efe8dc;
    color: #5e584e;
}

body.is-light .sq-front h2,
body.is-light .sq-chip--blue,
body.is-light .sq-chip--blue.is-on {
    color: #245a92;
}

body.is-light .sq-indep__head h2,
body.is-light .sq-chip--red,
body.is-light .sq-chip--red.is-on {
    color: #8d3030;
}

body.is-light .ev-hero,
body.is-light .hd-banner,
body.is-light .sq-mast,
body.is-light .ev-op-hero,
body.is-light .appeals-hero,
body.is-light .uf-news-header,
body.is-light .appeal-create-hero,
body.is-light .uf-support-page__header {
    color: #f4f1ea;
}

body.is-light .ev-hero :is(h1, h2, h3, p, span, a, small, strong, li),
body.is-light .hd-banner :is(h1, h2, h3, p, span, a, small, strong, li),
body.is-light .sq-mast :is(h1, h2, h3, p, span, a, small, strong, li),
body.is-light .ev-op-hero :is(h1, h2, h3, p, span, a, small, strong, li),
body.is-light .appeals-hero :is(h1, h2, h3, p, span, a, small, strong),
body.is-light .uf-news-header :is(h1, h2, h3, p, span, a, small, strong),
body.is-light .kb-hero :is(h1, h2, h3, p, span, a, small, strong),
body.is-light .pf-hero :is(h1, h2, h3, p, span, a, small, strong) {
    color: #f4f1ea;
}

body.is-light .ev-hero .ev-kicker,
body.is-light .hd-banner .ev-kicker,
body.is-light .hd-banner .sq-kicker,
body.is-light .sq-mast .sq-kicker,
body.is-light .ev-op-hero .ev-kicker,
body.is-light .kb-hero .kb-kicker,
body.is-light .ev-hero .ev-kicker {
    color: #e6a31a;
}

body.is-light :is(a, button).sq-btn,
body.is-light :is(a, button).sq-cta--gold,
body.is-light :is(a, button).ev-btn-gold,
body.is-light :is(a, button).hd-btn--gold,
body.is-light :is(a, button).ufd-btn--gold {
    background: #e0b15a;
    border-color: #c9963a;
    color: #1b1408;
}

body.is-light :is(a, button).sq-btn-ghost,
body.is-light :is(a, button).ev-btn:not(.ev-btn-gold),
body.is-light :is(a, button).hd-btn--ghost {
    background: #fff;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.18);
}

body.is-light .ev-hero :is(a, button).hd-btn--ghost,
body.is-light .hd-hero :is(a, button).hd-btn--ghost,
body.is-light .kb-hero :is(a, button).hd-btn--ghost,
body.is-light .pf-hero :is(a, button).hd-btn--ghost {
    background: rgba(12, 13, 16, 0.55);
    color: #f4f1ea;
    border-color: rgba(255, 255, 255, 0.35);
}

body.is-light .sq-mast :is(a, button).sq-btn,
body.is-light .sq-mast :is(a, button).sq-cta--gold,
body.is-light .ev-hero :is(a, button).ev-btn-gold,
body.is-light .ev-op-hero :is(a, button).ev-btn-gold,
body.is-light .hd-banner :is(a, button).hd-btn--gold {
    background: #e0b15a;
    border-color: #c9963a;
    color: #1b1408;
}

body.is-light .sq-unit__go,
body.is-light .sq-more {
    color: #4a453c;
}

body.is-light .sq-pill--open {
    background: #e7f2df;
    color: #24532a;
}

/* Squad index title sits on the light page, not on the photo banner. */
body.is-light .sq-head,
body.is-light .sq-head :is(h1, h2, h3, p, span, a, small, strong, li) {
    color: #1c1915;
}

body.is-light .sq-head .sq-kicker {
    color: #8a5d0b;
}

body.is-light .sq-head .sq-blue {
    color: #245a92;
}

body.is-light .sq-head .sq-red {
    color: #8d3030;
}

/* Phone menu pills were still black, with the light-theme text on top. */
@media (max-width: 720px) {
    body.is-light .hd-side nav a,
    body.is-light .hd-side__out {
        background: #fff;
        color: #1c1915;
        border-color: rgba(28, 25, 21, 0.16);
    }

    body.is-light .hd-side nav a.is-on {
        background: #f6edd6;
        color: #6e4908;
        border-color: rgba(138, 93, 11, 0.4);
    }

    body.is-light .hd-side nav a i,
    body.is-light .hd-side nav a.is-on i {
        color: inherit;
    }

    body.is-light .hd-side__out,
    body.is-light .hd-side__out i {
        color: #8d3b32;
    }
}

/* Squad story sits on the photo, so the light-surface brown is invisible there. */
body.is-light .hd-stage .sq-mast .sq-desc,
body.is-light .hd-stage .sq-mast .sq-status,
body.is-light .hd-stage .sq-mast .sq-lead {
    color: #f7f4ee;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.75);
}

body.is-light .hd-stage .sq-mast .sq-more {
    color: #fff;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
}

body.is-light .hd-stage .sq-mast .sq-kicker {
    color: #e6a31a;
    text-shadow: none;
}
/* Public buttons were tall and heavy. Keep them easy to tap, just quieter. */
:is(a, button).hd-btn,
:is(a, button).ev-btn,
:is(a, button).sq-btn,
:is(a, button).sq-btn-ghost,
:is(a, button).sq-btn-danger,
:is(a, button).sq-btn-ok,
:is(a, button).sq-cta,
:is(a, button).ufd-btn,
:is(a, button).lf-btn,
:is(a, button).pg-gold,
:is(a, button).pg-ghost,
:is(a, button).au-submit,
:is(a, button).au-ghost,
:is(a, button).kb-go,
:is(a, button).uf-edit-back,
button.ev-tab,
.pf .uf-edit-save button,
.pf .uf-edit-password-bottom button,
.pf button[type="submit"].uf-edit-save-button,
.hd-side nav a,
.hd-side__out {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 650;
}

button.ev-tab {
    padding: 0 10px;
}

@media (max-width: 720px) {
    :is(a, button).hd-btn,
    :is(a, button).ev-btn,
    :is(a, button).sq-btn,
    :is(a, button).sq-cta,
    :is(a, button).ufd-btn,
    :is(a, button).lf-btn,
    :is(a, button).pg-gold,
    :is(a, button).pg-ghost,
    :is(a, button).kb-go,
    button.ev-tab,
    .ev-nav button,
    .hd-side nav a,
    .hd-side__out {
        min-height: 32px;
    }

    .hd-side {
        gap: 4px;
        padding: 4px;
    }

    .hd-side nav a,
    .hd-side__out {
        padding: 0 10px;
        font-size: 12px;
        font-weight: 600;
    }
}

/* Inactive operation tabs sat in the photo with the light-theme brown. */
body.is-light .hd-stage .ev-op-hero .ev-tab,
body.is-light .hd-stage .ev-hero .ev-tab {
    background: transparent;
    box-shadow: none;
    color: #f7f4ee;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);
}

body.is-light .hd-stage .ev-op-hero .ev-tab.is-on,
body.is-light .hd-stage .ev-hero .ev-tab.is-on {
    background: #fffdf8;
    color: #1c1915;
    text-shadow: none;
}

body.is-light .hd-stage .ev-op-hero :is(a, button).ev-btn:not(.ev-btn-gold),
body.is-light .hd-stage .ev-hero :is(a, button).ev-btn:not(.ev-btn-gold) {
    background: rgba(12, 13, 16, 0.5);
    border-color: rgba(255, 255, 255, 0.32);
    color: #f4f1ea;
}
/* Connection actions kept the dark fill after the light theme painted their labels dark. */
body.is-light .pf-mini {
    background: #fff;
    border-color: rgba(28, 25, 21, 0.18);
    color: #1c1915;
}

body.is-light .pf-mini :is(span, i) {
    color: #1c1915;
}
/* Phone menu kept a black panel after the light theme darkened the labels. */
@media (max-width: 720px) {
    body.is-light .hd-top__nav {
        background: #fffdf8;
        border-bottom-color: rgba(28, 25, 21, 0.08);
        box-shadow: 0 16px 40px rgba(40, 32, 18, 0.14);
    }

    body.is-light .hd-top__nav a {
        color: #1c1915;
    }

    body.is-light .hd-top__nav a:hover:not(.is-on) {
        background: rgba(138, 93, 11, 0.08);
        color: #6e4908;
    }

    body.is-light .hd-top__nav a.is-on {
        background: #e6a31a;
        color: #1b1408;
    }
}
.hd-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 10px 16px 0;
    padding: 10px 12px;
    border: 1px solid rgba(230, 163, 26, 0.4);
    border-radius: 14px;
    background: rgba(230, 163, 26, 0.12);
    color: #f4f1ea;
}

.hd-note > i {
    display: grid;
    width: 28px;
    height: 28px;
    flex: none;
    place-items: center;
    border-radius: 8px;
    background: rgba(230, 163, 26, 0.18);
    color: #e6a31a;
    font-size: 13px;
}

.hd-note__text {
    min-width: 0;
    flex: 1;
}

.hd-note__text small {
    display: block;
    color: #e6a31a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hd-note__text strong,
.hd-note__text span {
    display: block;
    overflow-wrap: anywhere;
}

.hd-note__text strong {
    margin-top: 2px;
    font-size: 14px;
}

.hd-note__text span {
    margin-top: 2px;
    color: #d9d4ca;
    font-size: 13px;
    line-height: 1.45;
}

.hd-note > a {
    flex: none;
    align-self: center;
    padding: 6px 10px;
    border-radius: 8px;
    background: #e6a31a;
    color: #1b1408;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.hd-note > button {
    display: grid;
    width: 28px;
    height: 28px;
    flex: none;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.hd-note--green { border-color: rgba(125, 190, 106, 0.45); background: rgba(125, 190, 106, 0.12); }
.hd-note--green > i { background: rgba(125, 190, 106, 0.18); color: #9dce8c; }
.hd-note--green small { color: #9dce8c; }

.hd-note--red { border-color: rgba(224, 138, 128, 0.45); background: rgba(224, 138, 128, 0.12); }
.hd-note--red > i { background: rgba(224, 138, 128, 0.18); color: #e7a49c; }
.hd-note--red small { color: #e7a49c; }

.hd-note--blue { border-color: rgba(142, 180, 232, 0.45); background: rgba(142, 180, 232, 0.12); }
.hd-note--blue > i { background: rgba(142, 180, 232, 0.18); color: #a9c7ee; }
.hd-note--blue small { color: #a9c7ee; }

.hd-note--purple { border-color: rgba(196, 166, 232, 0.45); background: rgba(196, 166, 232, 0.12); }
.hd-note--purple > i { background: rgba(196, 166, 232, 0.18); color: #d2bced; }
.hd-note--purple small { color: #d2bced; }

body.is-light .hd-note {
    background: #fff6e4;
    border-color: rgba(138, 93, 11, 0.35);
    color: #1c1915;
}

body.is-light .hd-note > i,
body.is-light .hd-note small { color: #8a5d0b; }
body.is-light .hd-note > i { background: rgba(230, 163, 26, 0.2); }
body.is-light .hd-note__text span { color: #4a453c; }
body.is-light .hd-note > a { color: #1b1408; }

body.is-light .hd-note--green { background: #eef6e8; border-color: rgba(47, 106, 56, 0.28); }
body.is-light .hd-note--green > i,
body.is-light .hd-note--green small { color: #246336; }
body.is-light .hd-note--red { background: #fbeceb; border-color: rgba(141, 59, 50, 0.28); }
body.is-light .hd-note--red > i,
body.is-light .hd-note--red small { color: #8d3b32; }
body.is-light .hd-note--blue { background: #eaf2fb; border-color: rgba(36, 90, 146, 0.28); }
body.is-light .hd-note--blue > i,
body.is-light .hd-note--blue small { color: #245a92; }
body.is-light .hd-note--purple { background: #f6f0fb; border-color: rgba(92, 58, 130, 0.28); }
body.is-light .hd-note--purple > i,
body.is-light .hd-note--purple small { color: #5c3a82; }

@media (max-width: 720px) {
    .hd-note {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr) 28px;
        align-items: center;
        gap: 8px;
        margin: 8px;
    }

    .hd-note > i { grid-column: 1; grid-row: 1; }
    .hd-note__text { grid-column: 2; grid-row: 1; }
    .hd-note > button { grid-column: 3; grid-row: 1; }
    .hd-note > a {
        grid-column: 2;
        grid-row: 2;
        justify-self: start;
        margin: 0;
    }
}

body.is-light .kb-prose,
body.is-light .kb-note,
body.is-light .kb-prose blockquote,
body.is-light .kb-figure figcaption {
    color: #1c1915;
}

body.is-light .kb-note {
    background: #fff3d6;
    border: 1px solid rgba(138, 93, 11, 0.28);
}

body.is-light .hd-mon__kicker { color: #246336; }
body.is-light .hd-mon__kicker i { background: #2f8a3a; box-shadow: 0 0 0 4px rgba(47, 138, 58, 0.16); }
body.is-light .hd-mon.is-part .hd-mon__kicker,
body.is-light .hd-mon.is-part .hd-mon__row em.is-part { color: #8a5d0b; }
body.is-light .hd-mon.is-off .hd-mon__kicker,
body.is-light .hd-mon.is-off .hd-mon__row em.is-off { color: #5e584e; }
body.is-light .hd-mon__count,
body.is-light .hd-mon__row b { color: #1c1915; }
body.is-light .hd-mon__count span,
body.is-light .hd-mon__row { color: #5e584e; }
body.is-light .hd-mon__bar { background: rgba(28, 25, 21, 0.08); }
body.is-light .hd-mon__row em.is-on { background: #e5f0df; color: #24532a; }
body.is-light .hd-mon__row em.is-part { background: #fff3d6; }
body.is-light .hd-mon__row em.is-off { background: #efe8dc; }
body.is-light .hd-op > .hd-op__date { background: #f6edd6; }
body.is-light .hd-op > .hd-op__date b { color: #1c1915; }
body.is-light .hd-op > .hd-op__date small { color: #8a5d0b; }
body.is-light .hd-op .hd-op__main em { color: #5e584e; }
body.is-light .hd-srvbox__panel {
    background: #fffdf8;
    color: #1c1915;
    border-color: rgba(28, 25, 21, 0.1);
}
body.is-light .hd-srvbox__x {
    background: #fff;
    color: #1c1915;
    border: 1px solid rgba(28, 25, 21, 0.12);
}

.uf-toast {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    overflow: hidden;
    padding: 12px 12px 16px;
    border: 1px solid rgba(125, 190, 106, 0.4);
    border-radius: 14px;
    background: #171c16;
    color: #f4f1ea;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
}

.uf-toast__icon {
    display: grid;
    width: 32px;
    height: 32px;
    flex: none;
    place-items: center;
    border-radius: 9px;
    background: rgba(125, 190, 106, 0.18);
    color: #b7e3a4;
    font-size: 13px;
}

.uf-toast__text {
    min-width: 0;
    flex: 1;
    padding-top: 1px;
}

.uf-toast__text small {
    display: block;
    color: #b7e3a4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.uf-toast__text strong {
    display: block;
    margin-top: 2px;
    color: #f4f1ea;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.uf-toast__close {
    display: grid;
    width: 28px;
    height: 28px;
    flex: none;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #b9b4aa;
    font: inherit;
    line-height: 1;
    cursor: pointer;
}

.uf-toast__close:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.uf-toast__bar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    transform-origin: left center;
    background: #9dce8c;
    animation: uf-toast-bar 4.5s linear forwards;
}

@keyframes uf-toast-bar {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

.uf-toast--error {
    background: #221816;
    border-color: rgba(224, 138, 128, 0.45);
}

.uf-toast--error .uf-toast__icon {
    background: rgba(224, 138, 128, 0.18);
    color: #e7a49c;
}

.uf-toast--error .uf-toast__text small { color: #e7a49c; }
.uf-toast--error .uf-toast__bar { background: #e7a49c; }

.uf-toast--warning {
    background: #221c12;
    border-color: rgba(230, 163, 26, 0.45);
}

.uf-toast--warning .uf-toast__icon {
    background: rgba(230, 163, 26, 0.18);
    color: #e6a31a;
}

.uf-toast--warning .uf-toast__text small { color: #e6a31a; }
.uf-toast--warning .uf-toast__bar { background: #e6a31a; }

.uf-toast--info {
    background: #161c22;
    border-color: rgba(142, 180, 232, 0.45);
}

.uf-toast--info .uf-toast__icon {
    background: rgba(142, 180, 232, 0.18);
    color: #a9c7ee;
}

.uf-toast--info .uf-toast__text small { color: #a9c7ee; }
.uf-toast--info .uf-toast__bar { background: #a9c7ee; }

body.is-light .uf-toast {
    background: #eef6e8;
    border-color: rgba(47, 106, 56, 0.28);
    color: #1c1915;
    box-shadow: 0 16px 40px rgba(40, 32, 18, 0.14);
}

body.is-light .uf-toast__icon {
    background: rgba(36, 99, 54, 0.12);
    color: #246336;
}

body.is-light .uf-toast__text small { color: #246336; }
body.is-light .uf-toast__text strong { color: #1c1915; }

body.is-light .uf-toast__close { color: #6d675e; }

body.is-light .uf-toast__close:hover {
    background: rgba(28, 25, 21, 0.06);
    color: #1c1915;
}

body.is-light .uf-toast__bar { background: #246336; }

body.is-light .uf-toast--error {
    background: #fbeceb;
    border-color: rgba(141, 59, 50, 0.28);
}

body.is-light .uf-toast--error .uf-toast__icon,
body.is-light .uf-toast--error .uf-toast__text small { color: #8d3b32; }

body.is-light .uf-toast--error .uf-toast__icon { background: rgba(141, 59, 50, 0.1); }
body.is-light .uf-toast--error .uf-toast__bar { background: #8d3b32; }

body.is-light .uf-toast--warning {
    background: #fff6e4;
    border-color: rgba(138, 93, 11, 0.35);
}

body.is-light .uf-toast--warning .uf-toast__icon,
body.is-light .uf-toast--warning .uf-toast__text small { color: #8a5d0b; }

body.is-light .uf-toast--warning .uf-toast__icon { background: rgba(230, 163, 26, 0.2); }
body.is-light .uf-toast--warning .uf-toast__bar { background: #e6a31a; }

body.is-light .uf-toast--info {
    background: #eaf2fb;
    border-color: rgba(36, 90, 146, 0.28);
}

body.is-light .uf-toast--info .uf-toast__icon,
body.is-light .uf-toast--info .uf-toast__text small { color: #245a92; }

body.is-light .uf-toast--info .uf-toast__icon { background: rgba(36, 90, 146, 0.1); }
body.is-light .uf-toast--info .uf-toast__bar { background: #245a92; }