/* ============================================================
   Flight-test mono + international orange — the shipped theme.
   Loaded after styles.css on index.html; overrides tokens.
   Grayscale everywhere, one hot accent. Wireframes go deep steel,
   canvas accents go orange.
   ============================================================ */
:root {
  /* the one accent: international orange (X-15, flight test, NASA chase planes) */
  --gold:      #ff4f00;
  --gold-soft: #ff7033;
  --gold-ink:  #1a0a02;

  /* teal retires: interactive accents go deep steel (bluer than airframe
     gray so it separates from the white ink) */
  --teal:      #57708f;
  --teal-deep: #465b74;

  /* canvas scenes: deep-steel wireframes, orange accents.
     brighter than the UI steel so thin lines hold against the black */
  --mesh-line-rgb:   109,139,175;
  --mesh-accent-rgb: 255,79,0;
  --mesh-ink-rgb:    236,234,229;

  /* hero fluid: deep-steel streamlines, orange flow-accent */
  --fluid-line-rgb:   87,112,143;
  --fluid-accent-rgb: 255,79,0;

  /* cool the canvas slightly: near-neutral blacks instead of amber-blacks */
  --bg:    #0d0d0c;
  --bg-2:  #131312;
  --black: #0d0d0c;
  --green: #141413;
  --faint: oklch(0.60 0 0);
}
/* focus/selection inherit the retired teal token; force them readable */
::selection { background: #ff4f00; color: #fff; }
:focus-visible { outline-color: #ff4f00; }

/* hero art: the same background image, hue-mapped jade→steel, gold→orange */
.hero-art { background: var(--bg) url("assets/hero-bg-orange.jpg") center / cover no-repeat; }