/* Shared colour system. The training tool is the visual source of truth. */
:root{
  --bg:#090b0d;
  --paper:#090b0d;
  --panel:#101417;
  --panel2:#151a1e;
  --line:#273038;
  --text:#f3f6f2;
  --ink:#f3f6f2;
  --white:#f3f6f2;
  --muted:#8f9aa1;
  --lime:#b8ff38;
  --accent:#b8ff38;
  --lime2:#83c900;
  --accent-2:#83c900;
  --danger:#ff6b57;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}

body.kd-page{
  background-color:var(--bg);
  background-image:linear-gradient(rgba(184,255,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,56,.025) 1px,transparent 1px);
  background-size:40px 40px;
  color:var(--text);
}
.kd-home:before,.kd-landing:before{
  background:linear-gradient(rgba(184,255,56,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,56,.025) 1px,transparent 1px);
  background-size:40px 40px;
}

.kd-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.kd-page select,
.kd-page textarea{
  background-color:#0b0e10!important;
  border-color:#303a42!important;
  color:var(--text)!important;
  color-scheme:dark;
}
.kd-page input:focus,.kd-page select:focus,.kd-page textarea:focus{
  border-color:var(--lime)!important;
  box-shadow:0 0 0 3px rgba(184,255,56,.1)!important;
}
.kd-page input::placeholder,.kd-page textarea::placeholder{color:#68747c}

.kd-home .signal,.kd-landing .signal,
.kd-home .ghost,.kd-landing .ghost,
.kd-home .about-feature,.kd-landing .about-feature{
  background:linear-gradient(145deg,#151a1e,#0d1114);
}
.kd-home .signal-stat,.kd-landing .signal-stat,
.kd-home .mini .row,.kd-landing .mini .row{
  background:#0b0e10;
  border-color:var(--line);
}
.kd-home .card,.kd-landing .card,
.kd-home .steps,.kd-landing .steps{
  background:var(--panel);
  border-color:var(--line);
}
.kd-home .card:hover,.kd-landing .card:hover{border-color:#52616b}

.kd-nutrition .workspace,.kd-nutrition .results,.kd-nutrition .recipe-manager,
.kd-stack .controls,.kd-stack .results,.kd-stack .note,.kd-stack .legal-disclaimer,
.kd-results .card,.kd-health .card{
  background:linear-gradient(145deg,rgba(21,26,30,.98),rgba(13,17,20,.98));
  border-color:var(--line);
  box-shadow:var(--shadow);
}
.kd-nutrition .add-panel,.kd-nutrition .daily-log,.kd-nutrition .today-meals,
.kd-nutrition .per100,.kd-nutrition .save-row,.kd-nutrition .table-scroll,
.kd-nutrition .result-grid article,.kd-nutrition .saved-recipes>*,
.kd-stack .cycle-manager,.kd-stack .chart-card,.kd-stack .load-panel,
.kd-stack .legal-grid article,.kd-results .row,.kd-health .entry-section,
.kd-health .health-history-entry,.kd-health .overview-metric{
  background:#0b0e10!important;
  border-color:var(--line)!important;
}
.kd-stack .ghost-button,.kd-stack .icon-button,
.kd-results .btn.secondary,.kd-health .btn.secondary,
.kd-nutrition button.outline{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--text);
}
.kd-page .suite-topbar{background:rgba(9,11,13,.96)!important}
.kd-page .suite-header-nav a:hover,.kd-page .suite-header-nav a.active{
  background:var(--panel);
  border-color:var(--line);
}

/* Tool names use the same upright display treatment as the training page. */
.kd-training .hero h1,
.kd-nutrition .intro h1,
.kd-results .hero h1,
.kd-stack .intro h1,
.kd-health .hero h1{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(2.8rem,7vw,6.7rem)!important;
  font-style:normal!important;
  font-weight:950!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase!important;
}
.kd-nutrition .intro h1 span,
.kd-stack .intro h1 span,
.kd-health .hero h1 span{
  display:block;
}
@media(max-width:620px){
  .kd-training .hero h1,
  .kd-nutrition .intro h1,
  .kd-results .hero h1,
  .kd-stack .intro h1,
  .kd-health .hero h1{font-size:3.3rem!important}
}