/* Borders dark-only theme tokens. */

:root {
  /* -- Design system - Dark only -- */
  --bg: #020202;
  --bg1: #080808;
  --bg2: #121212;
  --bg3: #242424;
  --bg4: #343434;
  --sidebar-hover-bg: rgba(255,255,255,0.10);
  --border: rgba(255,255,255,0.16);
  --border2: rgba(255,255,255,0.28);
  --border3: rgba(255,255,255,0.44);
  --text: #FAF7F3;
  --text2: #DAD2CE;
  --text3: #BDAFA9;
  --accent: #FFFFFF;
  --accent-dim: rgba(255,255,255,0.08);
  --accent-soft: rgba(255,255,255,0.18);
  --accent2: #D8D8D8;
  --bull: #00C896;
  --bear: #FF3B4E;
  --trendline: #F4F1EE;
  --alert-sw: #725fdd;
  --alert-tr: #969696;
  --alert-br: #e83040;
  --alert-en: #359c73;
  --alert-liq: #ed9b35;
  --alert-lvl: #3182a5;
  --liq: #E02828;
  --liq-long: #00C896;
  --liq-short: #FF3B4E;
  --axis-label: rgba(255,255,255,0.25);
  --axis-label-dim: rgba(255,255,255,0.14);
  --crosshair: rgba(255,255,255,0.25);
  --crosshair-label-bg: #070707;
  --mono: 'Inter';
  --brand-pixel: 'Jersey 10', 'Press Start 2P', 'Inter', monospace;
  --pixel: 'Press Start 2P', 'Inter', monospace;
  --sans: 'Inter';
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 20px;
  --header-h: 72px;
  --header-bg: #080808;
  --sidebar-bg: #050505;
  --page-bg: #020202;
  --sidebar-w: 220px;
  --chart-bg: #060606;
  --candle-up: #00C896;
  --candle-down: #FF3B4E;
  --ob-count: #D0D0D0;
  --ob-box: #6F625E;
  --github-logo-filter: brightness(0) invert(1) opacity(0.28);
  --github-credit-opacity: 0.45;
  --btn-hi: transparent;
  --btn-lo: transparent;
  --btn-hi-h: transparent;
  --btn-lo-h: transparent;
  --btn-hi-a: transparent;
  --btn-lo-a: transparent;
  --scanner-trend: #0C9F68;
  --scanner-os5: #8F81CA;
  --scanner-cloud: #55A8D0;
  --scanner-recovery: #FFB13D;
  --scanner-ema13: #16D8C7;
  --hwbadge-off: #242424;
  --radius-xl: 16px;
  --app-min-width: 773px;
  --polish-hairline: color-mix(in srgb, var(--border) 42%, transparent);
  --polish-panel: #070707;
  --polish-panel-strong: #090909;
  --vs-label-size: 8px;
  --vs-meta-size: 9px;
  --vs-body-small: 10px;
  --vs-label-tracking: 0.11em;
  --vs-border-soft: color-mix(in srgb, var(--border2) 92%, transparent);
  --vs-surface-quiet: #090909;
  --vs-surface-raised: #101010;
  --vs-popover-surface: #101010;
  --ui-focus-ring: 1px solid var(--border2);
  --atcc-card-radius: 0px;
  --atcc-card-line: rgba(255,255,255,0.28);
  --atcc-border: #3A3A3A;
  --atcc-grid-gap: 24px;
  --atcc-top-panel-h: 70px;
  --atcc-panel-pad-x: 16px;
  --atcc-panel-pad-y: 7px;
  --atcc-logo-row-h: 31px;
  --atcc-detail-row-h: 21px;
  --atcc-detail-gap: 14px;
  --atcc-pipeline-reserve: 28px;
  --atcc-card-surface: #080808;
  --atcc-chart-surface: color-mix(in srgb, var(--bg) 98%, var(--bg1));
  --atcc-top-panel-bg: #050505;
  --atcc-chart-bg: #060606;
  --atcc-panel-line: rgba(255,255,255,0.22);
  --atcc-title-opacity: 0.86;
  --atcc-title-hover-opacity: 1;
  --atcc-meta-opacity: 0.78;
  --scanner-head-gap: 12px;
  --scanner-head-pad-b: 13px;
  --scanner-head-margin-b: 18px;
  --scanner-chip-gap: 5px;
  --scanner-chip-h: 22px;
  --scanner-control-h: 22px;
  --scanner-head-line: var(--vs-border-soft);
  --scanner-meta-border: var(--vs-border-soft);
  --scanner-placeholder-h: 42px;
  --section-divider-display: block;
  --alert-card-bg: #090909;
  --alert-card-bg-hover: #101010;
  --alert-card-border: rgba(255,255,255,0.28);
  --alert-card-radius: 0px;
  --view-fade-ms: 150ms;
  --view-fade-ease: ease;
  --ticker-chips-bg: #090909;
  --accent-rgb: 255,255,255;
  --bull-rgb: 0,200,150;
  --bear-rgb: 255,59,78;
  --trendline-rgb: 244,241,238;
  --ob-box-rgb: 111,98,94;
  --liq-long-rgb: 0,200,150;
  --liq-short-rgb: 255,59,78;
}
