/*
 * AUTO-GENERATED by design-token-pipeline. Do not edit by hand.
 */

:root {
  --finchart-bg:                   #ffffff;  /* XML default/bgcolor */
  --finchart-grid:                 #ced4da;  /* XML default/axiscolor = $gray-400 */
  --finchart-text:                 #343a40;  /* XML default/scolor = $gray-800 */
  --finchart-text-strong:          #343a40;  /* XML default/scolor, the old charts' only text colour - see note 5 */
  --finchart-muted:                #6c757d;  /* $gray-600, the components' secondary text */
  --finchart-crosshair:            #adb5bd;  /* $gray-500 - the only value no component backs */
  --finchart-line:                 #093967;  /* XML default/color = $brand-finnet */
  --finchart-area-top:             #09396780;/* XML mountain/fcolor 80093967 */
  --finchart-area-bottom:          #ffffff80;/* XML mountain/fsecondcolor 80ffffff */
  --finchart-up:                   #198754;  /* XML ohlc/upcolor = $green */
  --finchart-up-soft:              #198754;  /* Overweight = Buy's green, lib_fin_aktien.inc - see note 3 */
  --finchart-neutral:              #ffc107;  /* Hold = $yellow default, lib_fin_aktien.inc - see note 2 */
  --finchart-down-soft:            #dc3545;  /* Underweight = Sell's red, lib_fin_aktien.inc - see note 3 */
  --finchart-down:                 #dc3545;  /* XML ohlc/downcolor = $red */
  --finchart-tooltip-bg:           #000000;  /* dark, as in the markets copy - see note 4 */
  --finchart-tooltip-text:         #ffffff;  /* pairs with tooltip-bg */
  --finchart-close-line:           #dc3545;  /* previous-close reference line = $red */
  --finchart-range-line:           #343a40;  /* candle wick / boxplot whisker (low..high) = $gray-800 */

  --finchart-series-blue-strong:   #093967;  /* colorquintruple[0] = $brand-finnet default */
  --finchart-series-blue-mid:      #116ec5;  /* $brand-finnet lighter */
  --finchart-series-blue-soft:     #09396733;/* $brand-finnet default @ 20% */
  --finchart-series-blue-ghost:    #09396714;/* $brand-finnet default @ 8% */
  --finchart-series-blue-peak:     #041f38;  /* $brand-finnet dark (dark, not darker: darker is #000509) */
  --finchart-series-yellow-strong: #ffc107;  /* colorquintruple[1] = $yellow default */
  --finchart-series-yellow-mid:    #ffda6b;  /* $yellow lighter */
  --finchart-series-yellow-soft:   #ffc10733;/* $yellow default @ 20% */
  --finchart-series-yellow-ghost:  #ffc10714;/* $yellow default @ 8% */
  --finchart-series-yellow-peak:   #9e7600;  /* $yellow darker */
  --finchart-series-slate-strong:  #dc3545;  /* colorquintruple[2] = $red default */
  --finchart-series-slate-mid:     #eb8e97;  /* $red lighter */
  --finchart-series-slate-soft:    #dc354533;/* $red default @ 20% */
  --finchart-series-slate-ghost:   #dc354514;/* $red default @ 8% */
  --finchart-series-slate-peak:    #931a26;  /* $red darker */
  --finchart-series-teal-strong:   #20c997;  /* colorquintruple[3] = $teal default */
  --finchart-series-teal-mid:      #69e7c1;  /* $teal lighter */
  --finchart-series-teal-soft:     #20c99733;/* $teal default @ 20% */
  --finchart-series-teal-ghost:    #20c99714;/* $teal default @ 8% */
  --finchart-series-teal-peak:     #117255;  /* $teal darker */
  --finchart-series-rose-strong:   #6610f2;  /* colorquintruple[4] = $indigo default */
  --finchart-series-rose-mid:      #a572f7;  /* $indigo lighter */
  --finchart-series-rose-soft:     #6610f233;/* $indigo default @ 20% */
  --finchart-series-rose-ghost:    #6610f214;/* $indigo default @ 8% */
  --finchart-series-rose-peak:     #3e0796;  /* $indigo darker */
}