:root {
/* STYLE GUIDE: http://zpl.io/bW47pR7 */

--tc--theme: light;

/* DEFAULT COLOR PALETTE */
--tc--active-color: #0369DD;
--tc--active-color-hsl: 212 97% 44%;
--tc--base-color: #333333;
--tc--base-color-hsl: 0 0% 20%;

--tc--neutral1-color: #6C6C74;
--tc--neutral1-color-hsl: 240 4% 44%;
--tc--neutral2-color: #EDF1F3;
--tc--neutral2-color-hsl: 200 20% 94%;
--tc--neutral3-color: #F3F5F7;
--tc--neutral3-color-hsl: 210 20% 96%;
--tc--neutral4-color: #FAFAFA;
--tc--neutral4-color-hsl: 0 0% 98%;
--tc--neutral5-color: #FFFFFF;
--tc--neutral5-color-hsl: 0 0% 100%;

/* TRADE TYPE */
--tc--bullish-color: #12823E;
--tc--bullish-color-hsl: 144 76% 29%;
--tc--bearish-color: #E50000;
--tc--bearish-color-hsl: 0 100% 45%;

/* STATUS */
--tc--success-color: var(--tc--bullish-color);
--tc--success-color-hsl: var(--tc--bullish-color-hsl);
--tc--error-color: var(--tc--bearish-color);
--tc--error-color-hsl: var(--tc--bearish-color-hsl);

/* BUZZ */
--tc--news-color: #F39C02;
--tc--news-color-hsl: 38 98% 48%;
--tc--socials-color: #E42349;
--tc--socials-color-hsl: 348 78% 52%;
--tc--twitter-color: #00ACEE;
--tc--twitter-color-hsl: 197 100% 47%;

/* FUNDAMENTAL */
--tc--fundamental-value-color: #08BDF1;
--tc--fundamental-value-color-hsl: 193 94% 49%;
--tc--fundamental-growth-color: #8200E8;
--tc--fundamental-growth-color-hsl: 274 100% 45%;
--tc--fundamental-income-color: #03D8D2;
--tc--fundamental-income-color-hsl: 178 97% 43%;

/* QUANT */
--tc--moderate-color: #7344FD;
--tc--moderate-color-hsl: 255 98% 63%;

/* PANORAMIC VIEW */
--tc--fair-valued-color: #FFCC00;
--tc--fair-valued-color-hsl: 48 100% 50%;
--tc--under-valued-color: var(--tc--bullish-color);
--tc--under-valued-color-hsl: var(--tc--bullish-color-hsl);
--tc--over-valued-color: var(--tc--bearish-color);
--tc--over-valued-color-hsl: var(--tc--bearish-color-hsl);

/* TEXT */
--tc--font-family: "Open Sans", sans-serif;
--tc--text-color: var(--tc--base-color);
--tc--text-color-hsl: var(--tc--base-color-hsl);
--tc--link-color: var(--tc--active-color);
--tc--link-color-hsl: var(--tc--active-color-hsl);
--tc--link-hover-color: var(--tc--link-color);
--tc--link-hover-color-hsl: var(--tc--link-color-hsl);

/* MISC */
--tc--border-color: var(--tc--neutral2-color);
--tc--border-color-hsl: var(--tc--neutral2-color-hsl);
--tc--light-border-color: var(--tc--neutral3-color);
--tc--light-border-color-hsl: var(--tc--neutral3-color-hsl);
--tc--background-color: var(--tc--neutral5-color);
--tc--background-color-hsl: var(--tc--neutral5-color-hsl);
--tc--stale-row-border-color: #FF0000;
--tc--stale-row-border-color-hsl: 0 100% 50%;
--tc--box-shadow-color: #000000;
--tc--box-shadow-color-hsl: 0 0% 0%;

/* DUOTONE SECTION */
--tc--duotone-color: var(--tc--neutral4-color);
--tc--duotone-color-hsl: var(--tc--neutral4-color-hsl);
--tc--header-background-color: var(--tc--neutral3-color);
--tc--header-background-color-hsl: var(--tc--neutral3-color-hsl);
--tc--header-text-color: var(--tc--base-color);
--tc--header-text-color-hsl: var(--tc--base-color-hsl);

/* BUTTONS */
--tc--primary-button-text-color: #FFFFFF;
--tc--primary-button-text-color-hsl: 0 0% 100%;
--tc--primary-button-background-color: var(--tc--active-color);
--tc--primary-button-background-color-hsl: var(--tc--active-color-hsl);
--tc--standard-button-text-color: var(--tc--active-color);
--tc--standard-button-text-color-hsl: var(--tc--active-color-hsl);
--tc--standard-button-background-color: var(--tc--neutral5-color);
--tc--standard-button-background-color-hsl: var(--tc--neutral5-color-hsl);
--tc--standard-button-border-color: var(--tc--neutral2-color);
--tc--standard-button-border-color-hsl: var(--tc--neutral2-color-hsl);
--tc--tag-button-text-color: var(--tc--text-color);
--tc--tag-button-text-color-hsl: var(--tc--text-color-hsl);
--tc--tag-button-background-color: var(--tc--neutral4-color);
--tc--tag-button-background-color-hsl: var(--tc--neutral4-color-hsl);
--tc--tag-button-hover-selected-text-color: #FFFFFF;
--tc--tag-button-hover-selected-text-color-hsl: 0 0% 100%;
--tc--tag-button-hover-selected-background-color: var(--tc--active-color);
--tc--tag-button-hover-selected-background-color-hsl: var(--tc--active-color-hsl);
--tc--tag-link1-text-color: var(--tc--active-color);
--tc--tag-link1-text-color-hsl: var(--tc--active-color-hsl);
--tc--tag-link1-background-color: var(--tc--neutral4-color);
--tc--tag-link1-background-color-hsl: var(--tc--neutral4-color-hsl);
--tc--tag-link1-hover-text-color: #FFFFFF;
--tc--tag-link1-hover-text-color-hsl: 0 0% 100%;
--tc--tag-link1-hover-background-color: var(--tc--active-color);
--tc--tag-link1-hover-background-color-hsl: var(--tc--active-color-hsl);
--tc--tag-link2-text-color: #FFFFFF;
--tc--tag-link2-text-color-hsl: 0 0% 100%;
--tc--tag-link2-background-color: var(--tc--neutral1-color);
--tc--tag-link2-background-color-hsl: var(--tc--neutral1-color-hsl);
--tc--tag-link2-hover-text-color: #FFFFFF;
--tc--tag-link2-hover-text-color-hsl: 0 0% 100%;
--tc--tag-link2-hover-background-color: var(--tc--active-color);
--tc--tag-link2-hover-background-color-hsl: var(--tc--active-color-hsl);

/* CHART */
--tc--chart-text-color: var(--tc--neutral1-color);
--tc--chart-text-color-hsl: var(--tc--neutral1-color-hsl);
--tc--chart-background-color: var(--tc--background-color);
--tc--chart-background-color-hsl: var(--tc--background-color-hsl);
--tc--chart-axis-color: var(--tc--neutral3-color);
--tc--chart-axis-color-hsl: var(--tc--neutral3-color-hsl);
--tc--price-line-color: #2775CE;
--tc--price-line-color-hsl: 212 68% 48%;
--tc--price-mountain-background-color: #edf4fb;
--tc--price-mountain-background-color-hsl: 210 64% 96%;
--tc--price-candle-stick-up-background-color: var(--tc--neutral5-color);
--tc--price-candle-stick-up-background-color-hsl: var(--tc--neutral5-color-hsl);
--tc--price-candle-stick-down-background-color: var(--tc--price-line-color);
--tc--price-candle-stick-down-background-color-hsl: var(--tc--price-line-color-hsl);
--tc--volume-bar-color: var(--tc--price-line-color);
--tc--volume-bar-color-hsl: var(--tc--price-line-color-hsl);
--tc--zoom-line-color: #223953;
--tc--zoom-line-color-hsl: 212 42% 23%;
--tc--zoom-fill-color: #4572a7;
--tc--zoom-fill-color-hsl: 212 42% 46%;
--tc--crosshair-color: var(--tc--base-color);
--tc--crosshair-color-hsl: var(--tc--base-color-hsl);
--tc--crosshair-text-color: var(--tc--neutral5-color);
--tc--crosshair-text-color-hsl: var(--tc--neutral5-color-hsl);
--tc--forecast-bar-color: #FFCC00;
--tc--forecast-bar-color-hsl: 48 100% 50%;
--tc--actual-bar-color: #5856D6;
--tc--actual-bar-color-hsl: 241 61% 59%;

/* GRADIENT */
--tc--gradient-color: var(--tc--active-color);
--tc--gradient-color-hsl: var(--tc--active-color-hsl);


}