/* MechaNexus brand tokens — the "orrery" direction, locked 2026-09-17.
   Dark warm-graphite ground, ivory text, one brass accent; the four planet
   colors stand for the four focus areas. Every text pair here clears WCAG AA:
   text 15.3:1, muted 6.9:1 and accent 7.0:1 on --bg (6.4 / 6.5 on --surface). */
:root{
  --bg:#14120F;            /* page ground */
  --surface:#1B1814;       /* cards, panels, alternate sections */
  --surface-2:#221E19;     /* raised surface, hover */
  --text:#EFE8DA;          /* ivory: body text and headings */
  --muted:#A59C8C;         /* secondary text */
  --bronze:#B08650;         /* body text on the About page: 5.7:1 on --bg, 5.4:1 on --surface */
  --lede:#B8AC95;          /* the hero subline: a touch warmer and brighter than muted (8.6:1) */
  --rule:#2E2A23;          /* hairlines between sections and around cards */
  --line:#3A342B;          /* stronger rules, orbit lines */
  --control:#756B5B;       /* borders that mark a control (fields, the menu button): 3.6:1 on --bg, 3.4:1 on --surface */
  --accent:#C9953F;        /* brass: buttons, eyebrows, links */
  --accent-hover:#DDB066;
  --on-accent:#14120F;     /* text on a brass fill (7.0:1) */

  /* the four focus areas, one per planet */
  --planet-design:#C9953F;         /* Innovative Design */
  --planet-manufacturing:#D07A55;  /* Manufacturing Solutions */
  --planet-ai:#6FB3AE;             /* AI Integration */
  --planet-automation:#EFE8DA;     /* Business Automation */

  --paper:#EEE9DE;         /* light panel behind line drawings and sketches */
  --radius:16px;
  --radius-sm:8px;
  --pill:999px;
  --font-display:'Unbounded', system-ui, sans-serif;
  --font-body:'Instrument Sans', system-ui, sans-serif;
  --font-mono:'Space Mono', ui-monospace, monospace;
}