/* Pitch theme — hand-written finishing on top of theme-pitch.gen.css.
   Colours from the design brief in new_design/: navy #07131d, card #101f2b,
   raised #152b39, line #29404d, green #20d778 (links #16e69a) on dark ink #03140c. */

[data-theme="pitch"] {
  /* The design brief's tokens (2026-10-29): background, card, raised card, primary and accent
     green, primary and secondary text, border, warning and danger. */
  --chrome:#07131D;
  --scrim:rgba(3,10,16,.72);
  --bg:#07131D;
  --panel:#101F2B;
  --surface:#101F2B;
  --surface-2:#0B1822;
  --raised:#152B39;
  --border:#29404D;
  --border-strong:#36505E;
  --text:#F5F8FA;
  --text-dim:#9AADB9;
  --text-faint:#8597A6;
  --accent:#20D778;
  --accent-strong:#1BBF6C;
  --accent-2:#16E69A;
  --accent-dim:rgba(32,215,120,.14);
  --accent-ink:#03140C;
  --alive:#3BE38E;
  --alive-dim:#0B3B28;
  --out:#FF5365;
  --out-dim:#3A1720;
  --pending:#F5AD35;
  --pending-dim:#3A2A0E;
  --live:#5CC8FF;
  --live-dim:#0E2E44;
  --gold:#F3C64B;
  --gold-dim:#3A300E;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
html[data-theme="pitch"], html[data-theme="pitch"] body { background:#07131D; color:var(--text); color-scheme:dark; }
html[data-theme="pitch"] .lms-root { background:#07131D; }

/* One navy behind everything, as in the concept: page, shell and header. */
html[data-theme="pitch"] body,
html[data-theme="pitch"] .design-app-shell,
html[data-theme="pitch"] .design-shell-main,
html[data-theme="pitch"] .design-shell-body { background:#07131D !important; }
html[data-theme="pitch"] .navbar { background:#07131D !important; border-bottom:0 !important; box-shadow:none !important; }
html[data-theme="pitch"] .design-sidebar { background:#0B1B26 !important; border-right-color:#1A2B37 !important; }

/* The pool title sits straight on the page. */
html[data-theme="pitch"] .pool-v2-context,
html[data-theme="pitch"] .pool-v23-context { background:transparent !important; box-shadow:none !important; border:0 !important; }

/* Primary buttons: pitch green with dark ink. */
html[data-theme="pitch"] .btn:not(.ghost):not(.amber):not(.danger):not(:disabled),
html[data-theme="pitch"] button.btn:not(.ghost):not(.amber):not(.danger):not(:disabled) {
  background:#20D778 !important; color:#03140C !important; border-color:#20D778 !important; box-shadow:none !important;
}
html[data-theme="pitch"] .btn:not(.ghost):not(.amber):not(.danger):not(:disabled):hover { background:#3BE38E !important; }

/* The concept's wordmark: LAST MAN in white, STANDING in green. */
html[data-theme="pitch"] .navbar .brand,
html[data-theme="pitch"] .sidebar-brand { color:#FFFFFF !important; text-transform:uppercase; letter-spacing:.04em; font-weight:800; }
html[data-theme="pitch"] .brand-accent { color:#20D778; }
html[data-theme="pitch"] .navbar .brand-mark { background:#101F2B !important; border-color:#29404D !important; color:#F3C64B !important; }

/* Bottom bar and sidebar: the concept's grey for tabs you're not on, green for the one you are. */
html[data-theme="pitch"] .board-bottom-nav,
html[data-theme="pitch"] .board-pool-nav.tabs-bottom { background:#0B1B26 !important; border-top:1px solid #29404D !important; }
html[data-theme="pitch"] .board-bottom-nav .bn-item:not(.active),
html[data-theme="pitch"] .board-pool-nav.tabs-bottom .tab:not(.active),
html[data-theme="pitch"] .design-sidebar-nav button:not(.active) { color:#93A4B4 !important; }
html[data-theme="pitch"] .board-bottom-nav .bn-item.active,
html[data-theme="pitch"] .design-sidebar-nav button.active { color:#22E585 !important; }

/* Light fills carry dark ink, as the primary buttons do. */
html[data-theme="pitch"] .nav-badge-count { color:#2A0610 !important; }
html[data-theme="pitch"] #card-add-rounds #a-fetch { color:#03140C !important; }
html[data-theme="pitch"] .v53-money-metrics .attention span { color:hsl(38 100% 77%); }
html[data-theme="pitch"] button.btn.amber { color:#2B1900 !important; }
html[data-theme="pitch"] .radio-option.selected .theme-note { color:var(--text-dim); }
html[data-theme="pitch"] .v41-launch-note > span { background:#135E41 !important; color:#FFFFFF !important; }

/* The concept's hero glow: deep teal at the top fading into the navy. */
html[data-theme="pitch"] .concept-hero { background:radial-gradient(ellipse at top, #164C49, #07131D 75%); }
/* The concept's pills: light green on deep green. */
html[data-theme="pitch"] :is(.concept-pill.alive, .concept-pill.safe) { background:#0B5035; color:#6BFFAD; }