/* obstech-graphs.css - the roles a graph draws with, on the ObsTech chart.
   Needs obstech-colors.css (the --obs-* names). A graph reads these
   through ObstechGraphs.inks() and never carries a hex of its own. */
:root {
  --obs-graph-target: var(--obs-green);   /* the thing being followed: the target's line */
  --obs-graph-sun:    var(--obs-warn);    /* the Sun's line                               */
  --obs-graph-moon:   var(--obs-mute);    /* the Moon's line                              */
  --obs-graph-now:    var(--obs-bad);     /* the NOW marker                               */
  --obs-graph-frame:  var(--obs-rule);    /* axes, frame, tick marks                      */
  --obs-graph-hover:  var(--obs-amber);   /* the hover projections and marks              */
  --obs-graph-band:   var(--obs-sky);     /* a median +/- rms band, a threshold           */
}
/* a graph canvas fills its card; crispCanvas sizes the backing store from
   this width and the pixel ratio, so it is never a stretched bitmap */
.obs-graph { display: block; width: 100%; height: auto; }
.obs-graph[data-hover] { cursor: crosshair; }