/*
  TradeFlow color control file.

  Edit this file when you want to change site colors. Keep the variable names
  on the left side the same, and change only the color values on the right.

  The :root block and :root[data-theme="sunPaper"] block are the default
  SunPaper palette. Legacy saved "classicDark" keys still map here.
  The :root[data-theme="ocean"] block is the Ocean palette. Legacy saved
  "default" keys still map here.
  The :root[data-theme="copperSlate"] block is the Copper Slate palette.
  The :root[data-theme="nord"] block is the Nord palette.
  The :root[data-theme="gray"] block is the Gray palette.
  The :root[data-theme="blueRed"] block is the BlueRed palette.
  The :root[data-theme="hackerGreen"] block is the HackerGreen palette.
  The :root[data-theme="1Bit"] block is the 1Bit palette.
  App colors:
    --bg             Main page and chart background.
    --panel          Widget and control surface.
    --panel-strong   Deeper panels, inputs, and toolbar surfaces.
    --panel-hover    Hover/active surface color.
    --line           Borders and grid-adjacent lines.
    --line-active    Stronger border/selected line.
    --text           Main readable text.
    --muted          Secondary labels.
    --muted-soft     Faint text and disabled details.
    --accent         Primary highlight color.
    --green          Buy/up/profit color.
    --red            Sell/down/loss color.
    --warning        Warning/notice color.

  Chart colors:
    --chart-grid     Candlestick chart grid lines.
    --chart-volume   Volume bars.

  Background glow:
    --body-accent-a  Top-left page glow.
    --body-accent-b  Bottom-right page glow.

  Extra colors:
    The remaining variables in each palette control buttons, trade markers,
    status colors, market buy/sell badges, shadows, and one-off UI accents.

  Toolbar button colors:
    --toolbar-bg          Toolbar container and active button base color.
    --toolbar-border      Toolbar border color.
    --toolbar-text        Toolbar icon/text color.
    --toolbar-highlight   Hover and selected button highlight color.
    --toolbar-active      Selected/pressed toolbar button color.
    --toolbar-danger      Reset/danger toolbar hover color.

  Drawing colors:
    --drawing-color       Trend lines, rectangles, measurement line, and points.
    --drawing-label-bg    Measurement label background.
    --drawing-label-text  Measurement label text and secondary points.

  Heatmap widget colors:
    --heatmap-bg          Heatmap canvas and widget background.
    --heatmap-panel       Heatmap controls, inputs, and panel surfaces.
    --heatmap-border      Heatmap borders, dividers, and grid lines.
    --heatmap-text        Heatmap primary text.
    --heatmap-muted       Heatmap secondary labels.
    --heatmap-bid         Heatmap bid/buy liquidity.
    --heatmap-ask         Heatmap ask/sell liquidity.
    --heatmap-active      Heatmap focus, selected controls, and price line.
    --heatmap-hot         Heatmap strongest liquidity intensity.
*/

:root[data-theme="ocean"],
:root[data-theme="default"] {
  --bg: #000717; /* Main page and chart background. */
  --panel: #010B26; /* Widget and modal surface. */
  --panel-strong: #010B26; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #9085d0; /* Hover surface tint. */
  --line: #000F2E; /* Normal borders and divider lines. */
  --line-active: #000F36; /* Strong borders and selected outlines. */
  --text: #131BFF; /* Primary readable text. */
  --muted: #131BFF; /* Secondary labels and lighter text. */
  --muted-soft: #d8b1df; /* Faint text and disabled details. */
  --accent: #010B26; /* Main highlight and action color. */
  --blue: #ea92ab; /* Legacy blue alias used by older UI pieces. */
  --green: #1B2B97; /* Buy, up, and profit color. */
  --red: #6908FF; /* Sell, down, and loss color.  */
  --warning: #af7fc2; /* Warning and notice color. */
  --chart-grid: #000717; /* Chart grid line color. */
  --chart-volume: #1B2B97; /* Volume bar color. */
  --body-accent-a: rgba(244, 196, 212, 0.18); /* Top-left page glow. */
  --body-accent-b: rgba(175, 127, 194, 0.18); /* Bottom-right page glow. */
  --button-accent-text: #0E16C5; /* Text on primary buttons. */
  --button-accent-gradient: #0D16C0; /* Start color for primary button gradient. */
  --button-buy-text: #0E16C5; /* Text on buy/active buttons. */
  --button-buy-gradient: #0D16C0; /* Start color for buy button gradient. */
  --button-sell-text: #fff4f8; /* Text on sell/danger buttons. */
  --button-sell-gradient: #ea92ab; /* Start color for sell button gradient. */
  --toolbar-bg: #010B26; /* Toolbar container background. */
  --toolbar-border: #000F2E; /* Toolbar border color. */
  --toolbar-text: #131BFF; /* Toolbar icon color. */
  --toolbar-highlight: #010B26; /* Toolbar hover and selected color. */
  --toolbar-active: #6908FF; /* Selected toolbar button color. */
  --toolbar-danger: #6908FF; /* Toolbar reset/delete hover color. */
  --drawing-color: #6908FF; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #000717; /* Measurement label background. */
  --drawing-label-text: #131BFF; /* Measurement label and endpoint text color. */
  --heatmap-bg: #000717; /* Heatmap canvas and widget background. */
  --heatmap-panel: #010B26; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #000F2E; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #131BFF; /* Heatmap primary text. */
  --heatmap-muted: #d8b1df; /* Heatmap secondary labels. */
  --heatmap-bid: #1B2B97; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #6908FF; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #9085d0; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #af7fc2; /* Heatmap strongest liquidity intensity. */
  --danger-text: #fff7f7; /* Error and destructive text. */
  --buy-text: #131BFF; /* Buy/up text. */
  --sell-text: #6908FF; /* Sell/down text. */
  --buy-soft-text: #131BFF; /* Softer buy text. */
  --sell-soft-text: #6908FF; /* Softer sell text. */
  --warning-text: #131BFF; /* Warning text. */
  --info: #9085d0; /* Informational markers and chart trade helpers. */
  --on-color: #ffffff; /* Text placed on solid colored fills. */
  --black: #000000; /* Shadows and dark overlays. */
  --chart-trade-buy: #131BFF; /* Chart trading buy markers. */
  --chart-trade-sell: #ea92ab; /* Chart trading sell markers. */
  --chart-trade-info: #af7fc2; /* Chart trading informational markers. */
  --chart-trade-text: #fff4f8; /* Main chart trading text. */
  --chart-trade-text-soft: #131BFF; /* Secondary chart trading text. */
  --chart-trade-accent-soft: #ffd7e1; /* Soft chart trading accent. */
  --market-sell-text: #6908FF; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #e1ffe7; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #6908FF; /* Text inside sell print badges. */
  --market-sell-pill-bg: #6908FF; /* Background inside sell print badges. */
  --market-buy-pill-text: #17311e; /* Text inside buy print badges. */
  --market-buy-pill-bg: #e1ffe7; /* Background inside buy print badges. */
  --classic-buy: #131BFF; /* Legacy market buy button background. */
  --classic-buy-hover: #ea92ab; /* Legacy market buy button hover background. */
}

:root[data-theme="gray"] {
  --bg: #E5E8E5; /* Main page and chart background. */
  --panel: #FAFCFA; /* Widget and modal surface. */
  --panel-strong: #E9F5E9; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #DEE7DE; /* Hover surface tint. */
  --line: #C4C9D2; /* Normal borders and divider lines. */
  --line-active: #adadad; /* Strong borders and selected outlines. */
  --text: #072400; /* Primary readable text. */
  --muted: #889A87; /* Secondary labels and lighter text. */
  --muted-soft: #BAC1CF; /* Faint text and disabled details. */
  --accent: #adadad; /* Main highlight and action color. */
  --blue: #2FA2BE; /* Legacy blue alias used by older UI pieces. */
  --green: #adadad; /* Buy, up, and profit color. */
  --red: #cecece; /* Sell, down, and loss color. */
  --warning: #958F00; /* Warning and notice color. */
  --chart-grid: rgba(173, 173, 173, 0.34); /* Chart grid line color. */
  --chart-volume: rgba(173, 173, 173, 0.26); /* Volume bar color. */
  --body-accent-a: rgba(173, 173, 173, 0.12); /* Top-left page glow. */
  --body-accent-b: rgba(47, 162, 190, 0.10); /* Bottom-right page glow. */
  --button-accent-text: #FFFFFF; /* Text on primary buttons. */
  --button-accent-gradient: #adadad; /* Start color for primary button gradient. */
  --button-buy-text: #FFFFFF; /* Text on buy/active buttons. */
  --button-buy-gradient: #adadad; /* Start color for buy button gradient. */
  --button-sell-text: #FFFFFF; /* Text on sell/danger buttons. */
  --button-sell-gradient: #cecece; /* Start color for sell button gradient. */
  --toolbar-bg: #FAFCFA; /* Toolbar container background. */
  --toolbar-border: #C4C9D2; /* Toolbar border color. */
  --toolbar-text: #072400; /* Toolbar icon color. */
  --toolbar-highlight: #E9F5E9; /* Toolbar hover and selected color. */
  --toolbar-active: #adadad; /* Selected toolbar button color. */
  --toolbar-danger: #cecece; /* Toolbar reset/delete hover color. */
  --drawing-color: #adadad; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #FAFCFA; /* Measurement label background. */
  --drawing-label-text: #072400; /* Measurement label and endpoint text color. */
  --heatmap-bg: #E5E8E5; /* Heatmap canvas and widget background. */
  --heatmap-panel: #FAFCFA; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #adadad; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #072400; /* Heatmap primary text. */
  --heatmap-muted: #889A87; /* Heatmap secondary labels. */
  --heatmap-bid: #adadad; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #cecece; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #adadad; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #958F00; /* Heatmap strongest liquidity intensity. */
  --danger-text: #cecece; /* Error and destructive text. */
  --buy-text: #adadad; /* Buy/up text. */
  --sell-text: #cecece; /* Sell/down text. */
  --buy-soft-text: #adadad; /* Softer buy text. */
  --sell-soft-text: #cecece; /* Softer sell text. */
  --warning-text: #958F00; /* Warning text. */
  --info: #2FA2BE; /* Informational markers and chart trade helpers. */
  --on-color: #FFFFFF; /* Text placed on solid colored fills. */
  --black: #000000; /* Shadows and dark overlays. */
  --chart-trade-buy: #adadad; /* Chart trading buy markers. */
  --chart-trade-sell: #cecece; /* Chart trading sell markers. */
  --chart-trade-info: #2FA2BE; /* Chart trading informational markers. */
  --chart-trade-text: #072400; /* Main chart trading text. */
  --chart-trade-text-soft: #889A87; /* Secondary chart trading text. */
  --chart-trade-accent-soft: #adadad; /* Soft chart trading accent. */
  --market-sell-text: #cecece; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #adadad; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #FFFFFF; /* Text inside sell print badges. */
  --market-sell-pill-bg: #cecece; /* Background inside sell print badges. */
  --market-buy-pill-text: #FFFFFF; /* Text inside buy print badges. */
  --market-buy-pill-bg: #adadad; /* Background inside buy print badges. */
  --classic-buy: #adadad; /* Legacy market buy button background. */
  --classic-buy-hover: #adadad; /* Legacy market buy button hover background. */
}

:root[data-theme="blueRed"] {
  --bg: #E5E8E5; /* Main page and chart background. */
  --panel: #FAFCFA; /* Widget and modal surface. */
  --panel-strong: #E9F5E9; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #DEE7DE; /* Hover surface tint. */
  --line: #C4C9D2; /* Normal borders and divider lines. */
  --line-active: #9FA2E0; /* Strong borders and selected outlines. */
  --text: #072400; /* Primary readable text. */
  --muted: #889A87; /* Secondary labels and lighter text. */
  --muted-soft: #BAC1CF; /* Faint text and disabled details. */
  --accent: #9FA2E0; /* Main highlight and action color. */
  --blue: #9FA2E0; /* Legacy blue alias used by older UI pieces. */
  --green: #9FA2E0; /* Buy, up, and profit color. */
  --red: #EB8082; /* Sell, down, and loss color. */
  --warning: #958F00; /* Warning and notice color. */
  --chart-grid: rgba(159, 162, 224, 0.34); /* Chart grid line color. */
  --chart-volume: rgba(159, 162, 224, 0.28); /* Volume bar color. */
  --body-accent-a: rgba(159, 162, 224, 0.16); /* Top-left page glow. */
  --body-accent-b: rgba(235, 128, 130, 0.12); /* Bottom-right page glow. */
  --button-accent-text: #FFFFFF; /* Text on primary buttons. */
  --button-accent-gradient: #9FA2E0; /* Start color for primary button gradient. */
  --button-buy-text: #FFFFFF; /* Text on buy/active buttons. */
  --button-buy-gradient: #9FA2E0; /* Start color for buy button gradient. */
  --button-sell-text: #FFFFFF; /* Text on sell/danger buttons. */
  --button-sell-gradient: #EB8082; /* Start color for sell button gradient. */
  --toolbar-bg: #FAFCFA; /* Toolbar container background. */
  --toolbar-border: #C4C9D2; /* Toolbar border color. */
  --toolbar-text: #072400; /* Toolbar icon color. */
  --toolbar-highlight: #E9F5E9; /* Toolbar hover and selected color. */
  --toolbar-active: #9FA2E0; /* Selected toolbar button color. */
  --toolbar-danger: #EB8082; /* Toolbar reset/delete hover color. */
  --drawing-color: #9FA2E0; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #FAFCFA; /* Measurement label background. */
  --drawing-label-text: #072400; /* Measurement label and endpoint text color. */
  --heatmap-bg: #E5E8E5; /* Heatmap canvas and widget background. */
  --heatmap-panel: #FAFCFA; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #9FA2E0; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #072400; /* Heatmap primary text. */
  --heatmap-muted: #889A87; /* Heatmap secondary labels. */
  --heatmap-bid: #9FA2E0; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #EB8082; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #9FA2E0; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #FFABAB; /* Heatmap strongest liquidity intensity. */
  --danger-text: #EB8082; /* Error and destructive text. */
  --buy-text: #9FA2E0; /* Buy/up text. */
  --sell-text: #EB8082; /* Sell/down text. */
  --buy-soft-text: #9FA2E0; /* Softer buy text. */
  --sell-soft-text: #FFABAB; /* Softer sell text. */
  --warning-text: #958F00; /* Warning text. */
  --info: #2FA2BE; /* Informational markers and chart trade helpers. */
  --on-color: #FFFFFF; /* Text placed on solid colored fills. */
  --black: #000000; /* Shadows and dark overlays. */
  --chart-trade-buy: #9FA2E0; /* Chart trading buy markers. */
  --chart-trade-sell: #EB8082; /* Chart trading sell markers. */
  --chart-trade-info: #2FA2BE; /* Chart trading informational markers. */
  --chart-trade-text: #072400; /* Main chart trading text. */
  --chart-trade-text-soft: #889A87; /* Secondary chart trading text. */
  --chart-trade-accent-soft: #9FA2E0; /* Soft chart trading accent. */
  --market-sell-text: #EB8082; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #9FA2E0; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #FFFFFF; /* Text inside sell print badges. */
  --market-sell-pill-bg: #EB8082; /* Background inside sell print badges. */
  --market-buy-pill-text: #FFFFFF; /* Text inside buy print badges. */
  --market-buy-pill-bg: #9FA2E0; /* Background inside buy print badges. */
  --classic-buy: #9FA2E0; /* Legacy market buy button background. */
  --classic-buy-hover: #9FA2E0; /* Legacy market buy button hover background. */
}

:root[data-theme="hackerGreen"] {
  --bg: #020F01; /* Main page and chart background. */
  --panel: #020F01; /* Widget and modal surface. */
  --panel-strong: #061E07; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #062F04; /* Hover surface tint. */
  --line: #062F04; /* Normal borders and divider lines. */
  --line-active: #078C00; /* Strong borders and selected outlines. */
  --text: #14AF09; /* Primary readable text. */
  --muted: #14AF09; /* Secondary labels and lighter text. */
  --muted-soft: #1D2F1F; /* Faint text and disabled details. */
  --accent: #6DAD48; /* Main highlight and action color. */
  --blue: #2FA2BE; /* Legacy blue alias used by older UI pieces. */
  --green: #009249; /* Buy, up, and profit color. */
  --red: #DC4141; /* Sell, down, and loss color. */
  --warning: #958F00; /* Warning and notice color. */
  --chart-grid: rgba(6, 47, 4, 0.78); /* Chart grid line color. */
  --chart-volume: rgba(43, 171, 36, 0.26); /* Volume bar color. */
  --body-accent-a: rgba(30, 187, 44, 0.10); /* Top-left page glow. */
  --body-accent-b: rgba(109, 173, 72, 0.08); /* Bottom-right page glow. */
  --button-accent-text: #062F04; /* Text on primary buttons. */
  --button-accent-gradient: #6DAD48; /* Start color for primary button gradient. */
  --button-buy-text: #020F01; /* Text on buy/active buttons. */
  --button-buy-gradient: #2BAB24; /* Start color for buy button gradient. */
  --button-sell-text: #fff7f7; /* Text on sell/danger buttons. */
  --button-sell-gradient: #D95629; /* Start color for sell button gradient. */
  --toolbar-bg: #020F01; /* Toolbar container background. */
  --toolbar-border: #062F04; /* Toolbar border color. */
  --toolbar-text: #14AF09; /* Toolbar icon color. */
  --toolbar-highlight: #062F04; /* Toolbar hover and selected color. */
  --toolbar-active: #6DAD48; /* Selected toolbar button color. */
  --toolbar-danger: #DC4141; /* Toolbar reset/delete hover color. */
  --drawing-color: #6DAD48; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #020F01; /* Measurement label background. */
  --drawing-label-text: #14AF09; /* Measurement label and endpoint text color. */
  --heatmap-bg: #020F01; /* Heatmap canvas and widget background. */
  --heatmap-panel: #061E07; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #062F04; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #14AF09; /* Heatmap primary text. */
  --heatmap-muted: #14AF09; /* Heatmap secondary labels. */
  --heatmap-bid: #2BAB24; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #D95629; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #6DAD48; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #FFEA5B; /* Heatmap strongest liquidity intensity. */
  --danger-text: #DC4141; /* Error and destructive text. */
  --buy-text: #2BAB24; /* Buy/up text. */
  --sell-text: #D95629; /* Sell/down text. */
  --buy-soft-text: #38B831; /* Softer buy text. */
  --sell-soft-text: #EC6638; /* Softer sell text. */
  --warning-text: #FFEA5B; /* Warning text. */
  --info: #2FA2BE; /* Informational markers and chart trade helpers. */
  --on-color: #062F04; /* Text placed on solid colored fills. */
  --black: #000000; /* Shadows and dark overlays. */
  --chart-trade-buy: #2BAB24; /* Chart trading buy markers. */
  --chart-trade-sell: #D95629; /* Chart trading sell markers. */
  --chart-trade-info: #2FA2BE; /* Chart trading informational markers. */
  --chart-trade-text: #14AF09; /* Main chart trading text. */
  --chart-trade-text-soft: #14AF09; /* Secondary chart trading text. */
  --chart-trade-accent-soft: #6DAD48; /* Soft chart trading accent. */
  --market-sell-text: #EC6638; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #38B831; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #062F04; /* Text inside sell print badges. */
  --market-sell-pill-bg: #D95629; /* Background inside sell print badges. */
  --market-buy-pill-text: #020F01; /* Text inside buy print badges. */
  --market-buy-pill-bg: #2BAB24; /* Background inside buy print badges. */
  --classic-buy: #2BAB24; /* Legacy market buy button background. */
  --classic-buy-hover: #38B831; /* Legacy market buy button hover background. */
}

:root[data-theme="1Bit"] {
  --bg: #222323; /* Main page and chart background. */
  --panel: #222323; /* Widget and modal surface. */
  --panel-strong: #222323; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #f0f6f0; /* Hover surface tint. */
  --line: #222323; /* Normal borders and divider lines. */
  --line-active: #f0f6f0; /* Strong borders and selected outlines. */
  --text: #f0f6f0; /* Primary readable text. */
  --muted: #f0f6f0; /* Secondary labels and lighter text. */
  --muted-soft: #f0f6f0; /* Faint text and disabled details. */
  --accent: #f0f6f0; /* Main highlight and action color. */
  --blue: #f0f6f0; /* Legacy blue alias used by older UI pieces. */
  --green: #f0f6f0; /* Buy, up, and profit color. */
  --red: #f0f6f0; /* Sell, down, and loss color. */
  --warning: #f0f6f0; /* Warning and notice color. */
  --chart-grid: #222323; /* Chart grid line color. */
  --chart-volume: #f0f6f0; /* Volume bar color. */
  --body-accent-a: #222323; /* Top-left page glow. */
  --body-accent-b: #222323; /* Bottom-right page glow. */
  --button-accent-text: #222323; /* Text on primary buttons. */
  --button-accent-gradient: #f0f6f0; /* Start color for primary button gradient. */
  --button-buy-text: #222323; /* Text on buy/active buttons. */
  --button-buy-gradient: #f0f6f0; /* Start color for buy button gradient. */
  --button-sell-text: #222323; /* Text on sell/danger buttons. */
  --button-sell-gradient: #f0f6f0; /* Start color for sell button gradient. */
  --toolbar-bg: #222323; /* Toolbar container background. */
  --toolbar-border: #f0f6f0; /* Toolbar border color. */
  --toolbar-text: #f0f6f0; /* Toolbar icon color. */
  --toolbar-highlight: #f0f6f0; /* Toolbar hover and selected color. */
  --toolbar-active: #f0f6f0; /* Selected toolbar button color. */
  --toolbar-danger: #f0f6f0; /* Toolbar reset/delete hover color. */
  --drawing-color: #f0f6f0; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #222323; /* Measurement label background. */
  --drawing-label-text: #f0f6f0; /* Measurement label and endpoint text color. */
  --heatmap-bg: #222323; /* Heatmap canvas and widget background. */
  --heatmap-panel: #222323; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #f0f6f0; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #f0f6f0; /* Heatmap primary text. */
  --heatmap-muted: #f0f6f0; /* Heatmap secondary labels. */
  --heatmap-bid: #f0f6f0; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #f0f6f0; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #f0f6f0; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #f0f6f0; /* Heatmap strongest liquidity intensity. */
  --danger-text: #f0f6f0; /* Error and destructive text. */
  --buy-text: #f0f6f0; /* Buy/up text. */
  --sell-text: #f0f6f0; /* Sell/down text. */
  --buy-soft-text: #f0f6f0; /* Softer buy text. */
  --sell-soft-text: #f0f6f0; /* Softer sell text. */
  --warning-text: #f0f6f0; /* Warning text. */
  --info: #f0f6f0; /* Informational markers and chart trade helpers. */
  --on-color: #222323; /* Text placed on solid colored fills. */
  --black: #222323; /* Shadows and dark overlays. */
  --chart-trade-buy: #f0f6f0; /* Chart trading buy markers. */
  --chart-trade-sell: #f0f6f0; /* Chart trading sell markers. */
  --chart-trade-info: #f0f6f0; /* Chart trading informational markers. */
  --chart-trade-text: #f0f6f0; /* Main chart trading text. */
  --chart-trade-text-soft: #f0f6f0; /* Secondary chart trading text. */
  --chart-trade-accent-soft: #f0f6f0; /* Soft chart trading accent. */
  --market-sell-text: #f0f6f0; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #f0f6f0; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #222323; /* Text inside sell print badges. */
  --market-sell-pill-bg: #f0f6f0; /* Background inside sell print badges. */
  --market-buy-pill-text: #222323; /* Text inside buy print badges. */
  --market-buy-pill-bg: #f0f6f0; /* Background inside buy print badges. */
  --classic-buy: #f0f6f0; /* Legacy market buy button background. */
  --classic-buy-hover: #f0f6f0; /* Legacy market buy button hover background. */
}

:root[data-theme="copperSlate"] {
  --bg: #1c2733; /* Main page and chart background. */
  --panel: #202E3C; /* Widget and modal surface. */
  --panel-strong: #1E2A38; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #22262f; /* Hover surface tint. */
  --line: #293543; /* Normal borders and divider lines. */
  --line-active: #644E42; /* Strong borders and selected outlines. */
  --text: #e8eaf0; /* Primary readable text. */
  --muted: #8890a4; /* Secondary labels and lighter text. */
  --muted-soft: #555d70; /* Faint text and disabled details. */
  --accent: #FEAC76; /* Main highlight and action color. */
  --blue: #FEAC76; /* Legacy blue alias used by older UI pieces. */
  --green: #44AD5B; /* Buy, up, and profit color. */
  --red: #E24B4B; /* Sell, down, and loss color. */
  --warning: #f5a623; /* Warning and notice color. */
  --chart-grid: rgba(41, 53, 67, 0.9); /* Chart grid line color. */
  --chart-volume: rgba(254, 172, 118, 0.28); /* Volume bar color. */
  --body-accent-a: rgba(254, 172, 118, 0.16); /* Top-left page glow. */
  --body-accent-b: rgba(100, 78, 66, 0.18); /* Bottom-right page glow. */
  --button-accent-text: #1c2733; /* Text on primary buttons. */
  --button-accent-gradient: #FEAC76; /* Start color for primary button gradient. */
  --button-buy-text: #1c2733; /* Text on buy/active buttons. */
  --button-buy-gradient: #44AD5B; /* Start color for buy button gradient. */
  --button-sell-text: #e8eaf0; /* Text on sell/danger buttons. */
  --button-sell-gradient: #E24B4B; /* Start color for sell button gradient. */
  --toolbar-bg: #202E3C; /* Toolbar container background. */
  --toolbar-border: #293543; /* Toolbar border color. */
  --toolbar-text: #e8eaf0; /* Toolbar icon color. */
  --toolbar-highlight: #FEAC76; /* Toolbar hover and selected color. */
  --toolbar-active: #644E42; /* Selected toolbar button color. */
  --toolbar-danger: #E24B4B; /* Toolbar reset/delete hover color. */
  --drawing-color: #FEAC76; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #1E2A38; /* Measurement label background. */
  --drawing-label-text: #e8eaf0; /* Measurement label and endpoint text color. */
  --heatmap-bg: #1c2733; /* Heatmap canvas and widget background. */
  --heatmap-panel: #202E3C; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #293543; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #e8eaf0; /* Heatmap primary text. */
  --heatmap-muted: #8890a4; /* Heatmap secondary labels. */
  --heatmap-bid: #44AD5B; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #E24B4B; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #FEAC76; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #f5a623; /* Heatmap strongest liquidity intensity. */
  --danger-text: #E24B4B; /* Error and destructive text. */
  --buy-text: #44AD5B; /* Buy/up text. */
  --sell-text: #E24B4B; /* Sell/down text. */
  --buy-soft-text: #44AD5B; /* Softer buy text. */
  --sell-soft-text: #E24B4B; /* Softer sell text. */
  --warning-text: #f5a623; /* Warning text. */
  --info: #FEAC76; /* Informational markers and chart trade helpers. */
  --on-color: #1c2733; /* Text placed on solid colored fills. */
  --black: #101821; /* Shadows and dark overlays. */
  --chart-trade-buy: #44AD5B; /* Chart trading buy markers. */
  --chart-trade-sell: #E24B4B; /* Chart trading sell markers. */
  --chart-trade-info: #FEAC76; /* Chart trading informational markers. */
  --chart-trade-text: #e8eaf0; /* Main chart trading text. */
  --chart-trade-text-soft: #8890a4; /* Secondary chart trading text. */
  --chart-trade-accent-soft: rgba(254, 172, 118, 0.24); /* Soft chart trading accent. */
  --market-sell-text: #E24B4B; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #44AD5B; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #e8eaf0; /* Text inside sell print badges. */
  --market-sell-pill-bg: #E24B4B; /* Background inside sell print badges. */
  --market-buy-pill-text: #1c2733; /* Text inside buy print badges. */
  --market-buy-pill-bg: #44AD5B; /* Background inside buy print badges. */
  --classic-buy: #44AD5B; /* Legacy market buy button background. */
  --classic-buy-hover: #55c66d; /* Legacy market buy button hover background. */
}

:root[data-theme="nord"] {
  --bg: #2E3440; /* Main page and chart background. */
  --panel: #3B4252; /* Widget and modal surface. */
  --panel-strong: #434C5E; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #4C566A; /* Hover surface tint. */
  --line: #4C566A; /* Normal borders and divider lines. */
  --line-active: #88C0D0; /* Strong borders and selected outlines. */
  --text: #ECEFF4; /* Primary readable text. */
  --muted: #D8DEE9; /* Secondary labels and lighter text. */
  --muted-soft: #81A1C1; /* Faint text and disabled details. */
  --accent: #88C0D0; /* Main highlight and action color. */
  --blue: #5E81AC; /* Legacy blue alias used by older UI pieces. */
  --green: #A3BE8C; /* Buy, up, and profit color. */
  --red: #BF616A; /* Sell, down, and loss color. */
  --warning: #EBCB8B; /* Warning and notice color. */
  --chart-grid: transparent; /* Chart grid line color. */
  --chart-volume: rgba(136, 192, 208, 0.28); /* Volume bar color. */
  --body-accent-a: rgba(136, 192, 208, 0.16); /* Top-left page glow. */
  --body-accent-b: rgba(180, 142, 173, 0.16); /* Bottom-right page glow. */
  --button-accent-text: #2E3440; /* Text on primary buttons. */
  --button-accent-gradient: #88C0D0; /* Start color for primary button gradient. */
  --button-buy-text: #2E3440; /* Text on buy/active buttons. */
  --button-buy-gradient: #A3BE8C; /* Start color for buy button gradient. */
  --button-sell-text: #ECEFF4; /* Text on sell/danger buttons. */
  --button-sell-gradient: #BF616A; /* Start color for sell button gradient. */
  --toolbar-bg: #3B4252; /* Toolbar container background. */
  --toolbar-border: #4C566A; /* Toolbar border color. */
  --toolbar-text: #ECEFF4; /* Toolbar icon color. */
  --toolbar-highlight: #88C0D0; /* Toolbar hover and selected color. */
  --toolbar-active: #5E81AC; /* Selected toolbar button color. */
  --toolbar-danger: #BF616A; /* Toolbar reset/delete hover color. */
  --drawing-color: #88C0D0; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #3B4252; /* Measurement label background. */
  --drawing-label-text: #ECEFF4; /* Measurement label and endpoint text color. */
  --heatmap-bg: #2E3440; /* Heatmap canvas and widget background. */
  --heatmap-panel: #3B4252; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #4C566A; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #ECEFF4; /* Heatmap primary text. */
  --heatmap-muted: #D8DEE9; /* Heatmap secondary labels. */
  --heatmap-bid: #A3BE8C; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #BF616A; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #88C0D0; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #EBCB8B; /* Heatmap strongest liquidity intensity. */
  --danger-text: #BF616A; /* Error and destructive text. */
  --buy-text: #A3BE8C; /* Buy/up text. */
  --sell-text: #BF616A; /* Sell/down text. */
  --buy-soft-text: #A3BE8C; /* Softer buy text. */
  --sell-soft-text: #BF616A; /* Softer sell text. */
  --warning-text: #EBCB8B; /* Warning text. */
  --info: #88C0D0; /* Informational markers and chart trade helpers. */
  --on-color: #2E3440; /* Text placed on solid colored fills. */
  --black: #242933; /* Shadows and dark overlays. */
  --chart-trade-buy: #A3BE8C; /* Chart trading buy markers. */
  --chart-trade-sell: #BF616A; /* Chart trading sell markers. */
  --chart-trade-info: #88C0D0; /* Chart trading informational markers. */
  --chart-trade-text: #ECEFF4; /* Main chart trading text. */
  --chart-trade-text-soft: #D8DEE9; /* Secondary chart trading text. */
  --chart-trade-accent-soft: rgba(136, 192, 208, 0.24); /* Soft chart trading accent. */
  --market-sell-text: #BF616A; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #A3BE8C; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #ECEFF4; /* Text inside sell print badges. */
  --market-sell-pill-bg: #BF616A; /* Background inside sell print badges. */
  --market-buy-pill-text: #2E3440; /* Text inside buy print badges. */
  --market-buy-pill-bg: #A3BE8C; /* Background inside buy print badges. */
  --classic-buy: #A3BE8C; /* Legacy market buy button background. */
  --classic-buy-hover: #B7D19F; /* Legacy market buy button hover background. */
}

:root,
:root[data-theme="sunPaper"],
:root[data-theme="classicDark"] {
  --bg: #FFD3AB; /* Main page and chart background. */
  --panel: #FFD3AB; /* Widget and modal surface. */
  --panel-strong: #FFD3AB; /* Inputs, toolbar surfaces, and deeper panels. */
  --panel-hover: #22262f; /* Hover surface tint. */
  --line: #FFDEBF; /* Normal borders and divider lines. */
  --line-active: #644e42; /* Strong borders and selected outlines. */
  --text: #000000; /* Primary readable text. */
  --muted: #8890a4; /* Secondary labels and lighter text. */
  --muted-soft: #555d70; /* Faint text and disabled details. */
  --accent: #feac76; /* Main highlight and action color. */
  --blue: #feac76; /* Legacy blue alias used by older UI pieces. */
  --green: #44ad5b; /* Buy, up, and profit color. */
  --red: #e24b4b; /* Sell, down, and loss color. */
  --warning: #f5a623; /* Warning and notice color. */
  --chart-grid: #FFD3AB; /* Chart grid line color. */
  --chart-volume: rgba(254, 172, 118, 0.28); /* Volume bar color. */
  --body-accent-a: rgba(254, 172, 118, 0.1); /* Top-left page glow. */
  --body-accent-b: rgba(100, 78, 66, 0.1); /* Bottom-right page glow. */
  --button-accent-text: #1c2733; /* Text on primary buttons. */
  --button-accent-gradient: #feac76; /* Start color for primary button gradient. */
  --button-buy-text: #1c2733; /* Text on buy/active buttons. */
  --button-buy-gradient: #44ad5b; /* Start color for buy button gradient. */
  --button-sell-text: #fff7f7; /* Text on sell/danger buttons. */
  --button-sell-gradient: #e24b4b; /* Start color for sell button gradient. */
  --toolbar-bg: #1e2a38; /* Toolbar container background. */
  --toolbar-border: #293543; /* Toolbar border color. */
  --toolbar-text: #e8eaf0; /* Toolbar icon color. */
  --toolbar-highlight: #22262f; /* Toolbar hover and selected color. */
  --toolbar-active: #feac76; /* Selected toolbar button color. */
  --toolbar-danger: #e24b4b; /* Toolbar reset/delete hover color. */
  --drawing-color: #feac76; /* Drawing lines, rectangle tint, and measure line. */
  --drawing-label-bg: #1c2733; /* Measurement label background. */
  --drawing-label-text: #e8eaf0; /* Measurement label and endpoint text color. */
  --heatmap-bg: #1c2733; /* Heatmap canvas and widget background. */
  --heatmap-panel: #202e3c; /* Heatmap controls, inputs, and panel surfaces. */
  --heatmap-border: #293543; /* Heatmap borders, dividers, and grid lines. */
  --heatmap-text: #e8eaf0; /* Heatmap primary text. */
  --heatmap-muted: #8890a4; /* Heatmap secondary labels. */
  --heatmap-bid: #44ad5b; /* Heatmap bid and buy liquidity. */
  --heatmap-ask: #e24b4b; /* Heatmap ask and sell liquidity. */
  --heatmap-active: #feac76; /* Heatmap focus, selected controls, and price line. */
  --heatmap-hot: #f5a623; /* Heatmap strongest liquidity intensity. */
  --danger-text: #fff7f7; /* Error and destructive text. */
  --buy-text: #44ad5b; /* Buy/up text. */
  --sell-text: #e24b4b; /* Sell/down text. */
  --buy-soft-text: #e1ffe7; /* Softer buy text. */
  --sell-soft-text: #ffe4e4; /* Softer sell text. */
  --warning-text: #f5a623; /* Warning text. */
  --info: #feac76; /* Informational markers and chart trade helpers. */
  --on-color: #ffffff; /* Text placed on solid colored fills. */
  --black: #000000; /* Shadows and dark overlays. */
  --chart-trade-buy: #44ad5b; /* Chart trading buy markers. */
  --chart-trade-sell: #e24b4b; /* Chart trading sell markers. */
  --chart-trade-info: #feac76; /* Chart trading informational markers. */
  --chart-trade-text: #e8eaf0; /* Main chart trading text. */
  --chart-trade-text-soft: #8890a4; /* Secondary chart trading text. */
  --chart-trade-accent-soft: #feac76; /* Soft chart trading accent. */
  --market-sell-text: #ffe4e4; /* DOM/time-and-sales sell print text. */
  --market-buy-text: #e1ffe7; /* DOM/time-and-sales buy print text. */
  --market-sell-pill-text: #331d20; /* Text inside sell print badges. */
  --market-sell-pill-bg: #ffe4e4; /* Background inside sell print badges. */
  --market-buy-pill-text: #17311e; /* Text inside buy print badges. */
  --market-buy-pill-bg: #e1ffe7; /* Background inside buy print badges. */
  --classic-buy: #44ad5b; /* Legacy market buy button background. */
  --classic-buy-hover: #3fbd62; /* Legacy market buy button hover background. */
}