/* Acta Fit — the front page's palette: the same layout as /dark on the app's
   ivory palette (TrackKit Theme.swift). Loads after site.css and only swaps tokens. */
:root {
  color-scheme: light;
  --bg: #F3EFE7;
  --bg-2: #FAF7F0;
  --line: rgba(42, 38, 32, 0.10);
  --line-2: rgba(42, 38, 32, 0.18);
  --bone: #1A1714;          /* wordmark + primary text = ink deep */
  --bone-2: #2A2620;        /* headings + strong = ink */
  --mute: #6E665B;          /* secondary text, ~7:1 on ivory */
  --mute-2: #9A927F;
  --bronze: #9C7E52;
  --urgent: #B0573F;
  --panel: rgba(250, 247, 240, 0.92);
  --panel-2: rgba(250, 247, 240, 0.75);
  --btn-bg: #2A2620;
  --btn-bg-hover: #1A1714;
  --btn-fg: #F3EFE7;
  --num-fg: #F7F3EB;
  --glow: rgba(156, 126, 82, 0.18);
  --vignette: rgba(222, 213, 194, 0.9);
  --bust-opacity: 0.16;
  --bust-blend: multiply;
  --bust-filter: grayscale(1) contrast(1.05) brightness(1.05) blur(1px);
  --grain-opacity: 0.22;
  --wordmark-shadow: 0 1px 0 rgba(255,253,248,0.6), 0 24px 60px rgba(42,38,32,0.18);
}
.brand img { filter: none; }
.pill { border-color: rgba(156, 126, 82, 0.55); }
.proof article { background: var(--bg); }