/* ============================================================
   CoachMate — Light premium CONTENT theme
   For static public pages (legal, company, franchise).
   Scoped under `body.content-light`; flips core app tokens to
   light and adds content-specific polish. No script changes.
   Matches landing.css / auth-theme.css design language.
   ============================================================ */

body.content-light{
  --a-paper:#ffffff;
  --a-canvas:#f5f8f6;
  --a-ink:#0c1a14;
  --a-ink-2:#33443c;
  --a-muted:#5a6b63;
  --a-line:rgba(12,26,20,.10);
  --a-line-2:rgba(12,26,20,.15);
  --a-sh:0 8px 20px rgba(12,40,30,.08), 0 30px 60px rgba(12,40,30,.10);
  --a-sh-sm:0 1px 2px rgba(12,26,20,.06);
  --a-accent:color-mix(in srgb, var(--primary, #58c79a) 62%, #04231a);
  --a-accent-rgb:var(--primary-rgb, 88,199,154);

  /* Flip core app tokens to light */
  --text:var(--a-ink);
  --muted:var(--a-muted);
  --muted2:#82938b;
  --card:var(--a-paper);
  --stroke:var(--a-line);
  --stroke2:var(--a-line-2);
  --bg-end:var(--a-canvas);
  --header-bg:rgba(255,255,255,.82);
  --header-border:var(--a-line);
  --header-mobile-border:var(--a-line);
  --header-link-hover-bg:rgba(12,26,20,.05);

  color:var(--a-ink) !important;
  background:
    radial-gradient(820px 460px at 8% -8%, rgba(var(--a-accent-rgb),.14), transparent 60%),
    radial-gradient(720px 480px at 94% 2%, rgba(var(--a-accent-rgb),.07), transparent 62%),
    var(--a-canvas) !important;
  background-attachment:fixed !important;
}

/* Headings & body text */
body.content-light h1,
body.content-light h2,
body.content-light h3,
body.content-light h4{color:var(--a-ink) !important; -webkit-text-fill-color:currentColor !important; background:none;}
body.content-light p,
body.content-light li,
body.content-light td,
body.content-light dd,
body.content-light span{color:inherit}
body.content-light .muted,
body.content-light .legal-updated,
body.content-light small{color:var(--a-muted) !important}

/* Content links */
body.content-light main a,
body.content-light .legal-section a,
body.content-light .company-card a,
body.content-light .content a{color:var(--a-accent) !important; text-decoration:underline; text-underline-offset:2px}
body.content-light main a:hover,
body.content-light .legal-section a:hover{filter:brightness(.9)}

/* Legal tables */
body.content-light .legal-table,
body.content-light table{border-color:var(--a-line) !important}
body.content-light .legal-table th,
body.content-light .legal-table td,
body.content-light table th,
body.content-light table td{border:1px solid var(--a-line) !important; color:var(--a-ink)}
body.content-light .legal-table th,
body.content-light table th{background:var(--a-canvas) !important; color:var(--a-ink) !important}

/* Cards / callouts / code */
body.content-light .company-card,
body.content-light .card,
body.content-light .callout,
body.content-light .note{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important;
  box-shadow:var(--a-sh-sm); border-radius:16px;
}
body.content-light code,
body.content-light pre,
body.content-light kbd{
  background:var(--a-canvas) !important; border:1px solid var(--a-line) !important; color:var(--a-ink) !important;
}
body.content-light hr{border-color:var(--a-line) !important; background:var(--a-line)}
body.content-light blockquote{border-left:3px solid var(--a-line); color:var(--a-muted)}

/* Back link */
body.content-light .company-page__back,
body.content-light .back-link{color:var(--a-muted) !important}
body.content-light .company-page__back:hover,
body.content-light .back-link:hover{color:var(--a-ink) !important}

/* Portal chrome (franchise + any page with the nav / footer) */
body.content-light .adm-header{
  background:rgba(255,255,255,.82); border-bottom:1px solid var(--a-line);
  box-shadow:0 1px 0 rgba(12,40,30,.03);
}
body.content-light .adm-header__brand-name{color:var(--a-ink) !important}
body.content-light .adm-header__brand-sub{color:var(--a-muted) !important}
body.content-light .adm-header__links a{color:var(--a-ink-2) !important; text-decoration:none}
body.content-light .adm-header__links a:hover{color:var(--a-accent) !important}
body.content-light .nav-toggle span{background:var(--a-ink) !important}
body.content-light .nav-links-mobile{background:var(--a-paper); border-top:1px solid var(--a-line)}
body.content-light .nav-links-mobile a{color:var(--a-ink-2) !important}

body.content-light .portal-footer{background:transparent; border-top:1px solid var(--a-line); color:var(--a-muted)}
body.content-light .portal-footer__org,
body.content-light .portal-footer__powered,
body.content-light .portal-footer__powered-link{color:var(--a-muted) !important}
body.content-light .portal-footer__legal a{color:var(--a-muted) !important; text-decoration:none}
body.content-light .portal-footer__legal a:hover{color:var(--a-ink) !important}

/* ---------- Help centers (admin-help.css `ah-*` surfaces inverted to light) ---------- */
body.content-light .ah-hero,
body.content-light .ah-hero-tools,
body.content-light .ah-guide,
body.content-light .ah-guide-block,
body.content-light .ah-guide-next,
body.content-light .ah-path,
body.content-light .ah-path-step,
body.content-light .ah-map-card,
body.content-light .ah-callout,
body.content-light .ah-faq,
body.content-light .ah-faq-item,
body.content-light .ah-help-chooser-card,
body.content-light .ah-quick-links,
body.content-light .ah-other-help,
body.content-light .ah-setup-roadmap__card{
  background:var(--a-paper) !important;
  border:1px solid var(--a-line) !important;
  box-shadow:var(--a-sh-sm);
  color:var(--a-ink);
}
body.content-light .ah-callout--warning{
  background:rgba(232,165,60,.1) !important; border-color:rgba(232,165,60,.32) !important;
}
body.content-light .ah-path-step:hover,
body.content-light .ah-help-chooser-card:hover,
body.content-light .ah-map-card:hover{background:var(--a-canvas) !important}
body.content-light .ah-hero-intro,
body.content-light .ah-guide-label,
body.content-light .ah-other-help__desc,
body.content-light .ah-help-chooser-card__desc,
body.content-light .ah-faq-item__a{color:var(--a-muted) !important}
body.content-light .ah-guide-label{background:var(--a-canvas) !important; border:1px solid var(--a-line) !important}
body.content-light .ah-help-chooser-card__title,
body.content-light .ah-other-help__title,
body.content-light .ah-faq-item__q{color:var(--a-ink) !important}
body.content-light .ah-help-chooser-card__icon{background:rgba(var(--a-accent-rgb),.12) !important; color:var(--a-accent) !important}
body.content-light .ah-link-learn,
body.content-light .ah-other-help__links a,
body.content-light .ah-guide__cta{color:var(--a-accent) !important}
/* Ghost/secondary buttons inside help */
body.content-light .ah-shell .adm-btn--ghost,
body.content-light .adm-btn--ghost{
  background:var(--a-paper) !important; border:1px solid var(--a-line-2) !important; color:var(--a-ink) !important;
}
body.content-light .ah-shell .adm-btn--ghost:hover,
body.content-light .adm-btn--ghost:hover{background:var(--a-canvas) !important}

/* ---------- Org/League signup (os-* surfaces inverted to light) ---------- */
body.content-light .os-side__lead,
body.content-light .os-section__head p,
body.content-light .os-submit-note,
body.content-light .form-group small{color:var(--a-muted) !important}
body.content-light .os-eyebrow{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important;
  color:var(--a-accent) !important; box-shadow:var(--a-sh-sm);
}
body.content-light .os-card{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important; box-shadow:var(--a-sh);
}
body.content-light .os-card__head{border-bottom:1px solid var(--a-line) !important}
body.content-light .os-benefits{
  background:var(--a-canvas) !important; border:1px solid var(--a-line) !important;
}
body.content-light .os-benefits__title{color:var(--a-ink) !important}
body.content-light .os-benefits li,
body.content-light .os-trust__item{color:var(--a-ink-2) !important}
body.content-light .os-trust__item strong{color:var(--a-ink) !important}
body.content-light .os-section__num{
  background:rgba(var(--a-accent-rgb),.12) !important; color:var(--a-accent) !important;
  border:1px solid rgba(var(--a-accent-rgb),.3) !important;
}
body.content-light .os-sportchip{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important; color:var(--a-ink-2) !important;
}
body.content-light .os-top__back{color:var(--a-muted) !important}
body.content-light .os-top__back:hover{color:var(--a-ink) !important; background:var(--a-canvas) !important}
body.content-light .os-after__alt a{color:var(--a-accent) !important}

/* Legal acceptance box + checkboxes (white-on-white was invisible on light) */
body.content-light .legal-acceptance-box{
  background:var(--a-canvas) !important; border:1px solid var(--a-line) !important;
}
body.content-light .legal-title{color:var(--a-accent) !important}
body.content-light .legal-acceptance-row span{color:var(--a-ink-2) !important}
body.content-light .legal-acceptance-row a{color:var(--a-accent) !important}
body.content-light .legal-acceptance-row input[type="checkbox"]{
  border:1.5px solid var(--a-line-2) !important; background:var(--a-paper) !important;
}

/* Additional-sports chip multi-select (replaces the native <select multiple>) */
body.content-light .os-sport-multiselect{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px}
body.content-light .os-sport-toggle{
  display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:var(--r-pill,999px);
  border:1px solid var(--a-line-2); background:var(--a-paper); color:var(--a-ink-2);
  font-size:14px; font-weight:600; font-family:inherit; cursor:pointer;
  transition:background .15s, border-color .15s, color .15s, transform .12s;
}
body.content-light .os-sport-toggle:hover{border-color:rgba(var(--a-accent-rgb),.45); transform:translateY(-1px)}
body.content-light .os-sport-toggle[aria-pressed="true"]{
  background:var(--primary, #12b981); border-color:var(--primary, #12b981);
  color:var(--button-primary-text, #06251a);
}
body.content-light .os-sport-toggle .ti{font-size:15px; opacity:.85}
/* Native select is visually hidden once the chip UI is active (JS-added). */
select#additionalSports.is-hidden-native{position:absolute !important; width:1px; height:1px; opacity:0; pointer-events:none; overflow:hidden; clip:rect(0 0 0 0)}

/* Form fields + primary button (shared with signup form) */
body.content-light .form-group input,
body.content-light .form-group select,
body.content-light .form-group textarea{
  background:var(--a-paper) !important; border:1px solid var(--a-line-2) !important; color:var(--a-ink) !important;
}
body.content-light .form-group input::placeholder,
body.content-light .form-group textarea::placeholder{color:#9aa8a1 !important}
body.content-light .form-group input:focus,
body.content-light .form-group select:focus,
body.content-light .form-group textarea:focus{
  outline:none !important; border-color:var(--primary, #12b981) !important;
  box-shadow:0 0 0 3px rgba(var(--a-accent-rgb),.18) !important;
}
body.content-light .btn{
  background:var(--button-primary-bg, var(--primary, #12b981)) !important;
  color:var(--button-primary-text, #06251a) !important; border:1px solid transparent !important;
}

/* ---------- Account / My Account (account.css surfaces inverted to light) ---------- */
body.content-light .account-wrapper{background:transparent !important}
body.content-light .account-card{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important; box-shadow:var(--a-sh) !important;
}
body.content-light .acct-eyebrow{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important;
  color:var(--a-accent) !important; box-shadow:var(--a-sh-sm);
}
body.content-light .qa-item,
body.content-light .account-portal-link,
body.content-light .org-card-item,
body.content-light .admin-list li,
body.content-light .qa-btn--neutral,
body.content-light .qa-btn--secondary,
body.content-light .btn-secondary{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important; box-shadow:none;
  color:var(--a-ink) !important;
}
body.content-light .qa-item--interactive:hover,
body.content-light .qa-item--button:hover,
body.content-light .account-portal-link:hover,
body.content-light .org-card-item:hover,
body.content-light .qa-btn--neutral:hover,
body.content-light .qa-btn--secondary:hover,
body.content-light .btn-secondary:hover{background:var(--a-canvas) !important}
body.content-light .qa-code,
body.content-light .qa-code-block{
  background:var(--a-canvas) !important; border:1px solid var(--a-line) !important; color:var(--a-ink) !important;
}
body.content-light .qa-arrow,
body.content-light .qa-desc,
body.content-light .qa-desc-sm,
body.content-light .account-portal-link__desc,
body.content-light .account-portal-link__chevron,
body.content-light .info-label,
body.content-light .admin-email{color:var(--a-muted) !important}
body.content-light .qa-title,
body.content-light .account-portal-link__title,
body.content-light .info-value,
body.content-light .qa-content strong{color:var(--a-ink) !important}
body.content-light .info-row{border-bottom:1px solid var(--a-line) !important}
body.content-light .plan-badge{
  background:rgba(var(--a-accent-rgb),.12) !important; color:var(--a-accent) !important;
  border:1px solid rgba(var(--a-accent-rgb),.28) !important;
}
body.content-light .org-portal-chip{
  background:var(--a-paper) !important; border:1px solid var(--a-line) !important; color:var(--a-ink-2) !important;
}
body.content-light .org-portal-chip:hover{background:var(--a-canvas) !important}
body.content-light .section-toggle{color:var(--a-ink) !important}
body.content-light .error-message{
  background:rgba(224,87,75,.1) !important; color:#b23a2f !important; border:1px solid rgba(224,87,75,.3) !important;
}