/* BMI Calculator & Body Tracker — app-matched theme.
   Cools the site's graphite "lit tray" toward the app's own dark olive
   plate, with the icon's lime tape-measure accent.
   Link AFTER site.css on every BMI page (landing + guides). */

:root {
  /* Surfaces — dark olive tray */
  --bg:        #0c0e09;
  --bg-2:      #111409;
  --surface:   #10130b;   /* section-alt */
  --surface-2: #1b1f13;   /* raised cards */
  --border:    rgba(244, 246, 237, 0.09);
  --border-2:  rgba(244, 246, 237, 0.16);

  /* Ink */
  --text:      #f4f6ed;
  --text-dim:  #ccd1c0;
  --muted:     #a9afa0;

  /* The app's hue */
  --app:       #c8f135;   /* lime — the icon's tape measure */
  --app-ink:   #131804;   /* dark text on lime */

  --page-light: #202614;  /* lit top of the olive tray */
}