/* CHART PROPORTIONS — shared, because they are ratios rather than sizes.

   Mirrors packages/ui/src/chart.ts, which is the source of truth (the chart
   renderer is canvas and reads the TS object, not CSS). These exist so a
   recreation, a mock or a marketing figure draws a candle at the same
   proportion the product does.

   A candle body that occupies 70% of its slot occupies 70% of its slot on any
   screen — unlike spacing, there is no reason for the phone to disagree, and
   every reason not to: a chart that looks proportionally different across
   devices is the fastest way to make two renderers look like two products.

   The -px values are genuinely pixels rather than ratios. They are FLOORS — the
   point below which a thing stops being visible at all — and are the same on
   both platforms for that reason.

   NOT here, deliberately: tick size and price precision (they come from the
   instrument master, and a token would be a second place for them to be wrong)
   and hit-test tolerances (interaction correctness, not visual style). */

:root {
  --chart-candle-body-ratio: 0.7; /* @kind other */
  --chart-min-candle-width: 1px;
  --chart-wick-width: 1px;
  /* Headroom above the high and below the low, as a share of the range. A
     series drawn flush to the edges looks clipped. */
  --chart-price-scale-padding: 0.1; /* @kind other */
  --chart-volume-pane-ratio: 0.18; /* @kind other */
  --chart-right-offset-bars: 8; /* @kind other */
  --chart-gridline-target: 5; /* @kind other */

  /* The user's own drawings. */
  --chart-drawing-width: 1.5px;
  --chart-drawing-width-selected: 2px;
  /* Dash pattern for a Fibonacci level and other non-solid marks. */
  --chart-drawing-dash: 4 3; /* @kind other */
  --chart-drawing-zone-opacity: 0.1; /* @kind other */
  --chart-drawing-fib-intermediate-opacity: 0.6; /* @kind other */
}