@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
/* Agentic Charts design tokens, the :root block of src/common/styles/ac-tokens.css. */
:root{
  --ac-font:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  
  --ac-bg:rgb(13,20,33); --ac-bg-rgb:13,20,33;
  --ac-surface-card:rgb(34,28,44); --ac-surface-card-rgb:34,28,44;
  --ac-surface-well:rgb(23,25,36); --ac-surface-well-rgb:23,25,36;
  --ac-surface-pop:rgb(44,32,58);
  --ac-surface-scene:rgb(19,12,33);
  --ac-surface-trace:rgb(19,26,38); --ac-surface-trace-rgb:19,26,38;
  --ac-surface-brand-deep:rgb(61,0,87); --ac-surface-brand-deep-rgb:61,0,87;
  
  --ac-text-primary:rgb(247,229,255);
  --ac-text-secondary:rgb(207,169,224);
  --ac-text-tertiary:rgb(162,127,178);
  --ac-text-on-light:rgb(97,110,133);
  --ac-text-inverse:var(--ac-bg);
  
  --ac-border:rgb(60,37,70);
  --ac-border-strong:rgb(96,51,120); --ac-border-strong-rgb:96,51,120;
  
  --ac-brand:rgb(149,11,208); --ac-brand-rgb:149,11,208;
  --ac-brand-bright:rgb(197,106,237); --ac-brand-bright-rgb:197,106,237;
  --ac-brand-tint:rgb(249,212,255);
  --ac-brand-muted:rgb(138,92,186); --ac-brand-muted-rgb:138,92,186;
  --ac-brand-soft:rgb(160,100,210);
  --ac-brand-pale:rgb(233,213,246);
  --ac-focus-ring:rgb(189,84,234);
  
  --ac-positive:rgb(22,199,132); --ac-positive-rgb:22,199,132;
  --ac-negative:rgb(239,103,111); --ac-negative-rgb:239,103,111;
  --ac-fail-soft:rgb(255,107,118); --ac-fail-soft-rgb:255,107,118;
  --ac-warning:rgb(255,119,95);
  --ac-tool-view:rgb(91,156,255);
  
  --ac-white:rgb(255,255,255); --ac-white-rgb:255,255,255;
  --ac-black:rgb(0,0,0); --ac-black-rgb:0,0,0;
  --ac-scrim:rgba(0,0,0,.55); --ac-scrim-rgb:0,0,0;
  --ac-dim:rgba(9,14,24,.38); --ac-dim-rgb:9,14,24;
  --ac-hover-fill:rgba(255,255,255,.06);
  --ac-hover-wash:rgba(var(--ac-white-rgb),.03);
  --ac-weekend-wash:rgba(var(--ac-white-rgb),.015);
  --ac-ring-inset:rgba(var(--ac-white-rgb),.03);
  --ac-shadow:rgba(128,138,157,.12); --ac-shadow-rgb:128,138,157;
  --ac-shadow-drop:rgba(var(--ac-black-rgb),.45);
  --ac-shadow-soft:rgba(var(--ac-black-rgb),.35);
  --ac-text-shadow:rgba(var(--ac-black-rgb),.6);
  --ac-overlay:rgba(var(--ac-bg-rgb),.72);
  
  --ac-mark-stock:rgb(76,85,103);
  --ac-mark-stock-bg:rgb(42,49,64);
  --ac-mark-google:rgb(66,133,244);
  --ac-mark-binance:rgb(243,186,47);
  --ac-mark-wallet:rgb(91,141,239);
  --ac-mark-tertiary:rgb(129,88,147);
  --ac-mark-telegram:rgb(42,171,238);
  
  --ac-venue-binance:rgb(202,163,74);
  --ac-venue-aster:rgb(120,90,200);
  --ac-venue-coinbase:rgb(60,110,220);
  --ac-venue-upbit:rgb(60,90,190);
  --ac-venue-bitget:rgb(70,170,190);
  --ac-venue-gate:rgb(80,140,220);
  --ac-venue-mexc:rgb(50,120,200);
  
  --ac-chart-text:rgb(158,166,182);
  --ac-chart-text-strong:rgb(233,237,243);
  --ac-chart-active-hover:rgb(210,130,245);
  --ac-chart-active-pressed:rgb(168,68,212);
  --ac-chart-popup:rgb(23,26,38);
  --ac-chart-line:rgb(34,38,47);
  --ac-chart-grid:rgba(255,255,255,.04);
  --ac-chart-grid-mock:rgba(var(--ac-white-rgb),.05);
  --ac-chart-up:rgb(22,199,132);
  --ac-chart-down:rgb(234,57,67);
  --ac-tv-popup-hover:rgb(33,29,46);
  --ac-tv-popup-active:rgb(42,31,56);
  --ac-tv-text-muted:rgb(180,143,196);
  
  --ac-share-bg:rgb(11,14,24);
  --ac-share-bar:rgb(16,18,31);
  --ac-share-panel:rgb(13,15,28);
  --ac-share-well:rgb(23,26,38);
  --ac-share-film-well:rgb(23,16,31);
  --ac-share-film-panel:rgb(13,16,28);
  --ac-share-patch:rgb(30,34,45);
  --ac-share-text:rgb(233,237,243);
  --ac-share-text-you:rgb(233,222,244);
  --ac-share-muted:rgb(158,166,182);
  --ac-share-scrim-rgb:6,8,14;
  
  --ac-type-caption:500 11px/1.5 var(--ac-font);
  --ac-type-body:400 12px/1.6 var(--ac-font);
  --ac-type-section:600 14px/1.4 var(--ac-font);
  --ac-type-display:700 16px/1.3 var(--ac-font);
  --ac-type-display-lg:700 20px/1.3 var(--ac-font);
  --ac-tracking-caption:.04em;
  --ac-size-caption:11px;
  --ac-size-body:12px;
  --ac-size-section:14px;
  --ac-size-display:16px;
  --ac-size-display-lg:20px;
  
  --ac-tv-header-h:38px;
  
  --ac-radius-4:4px;
  --ac-radius-6:6px;
  --ac-radius-8:8px;
  --ac-radius-10:10px;
  --ac-radius-12:12px;
  --ac-radius-16:16px;
  --ac-radius-pill:999px;
  
  --ac-space-0-5:2px;
  --ac-space-1:4px;
  --ac-space-1-5:6px;
  --ac-space-2:8px;
  --ac-space-2-5:10px;
  --ac-space-3:12px;
  --ac-space-3-5:14px;
  --ac-space-4:16px;
  --ac-space-5:20px;
  --ac-space-6:24px;
  
  --ac-ease:cubic-bezier(.2,.7,.2,1);
  --ac-dur-fast:120ms;
  --ac-dur:180ms;
  --ac-dur-slow:320ms;
}
