/* CryptoChartPro shared design tokens — clean official source */
:root {
  --ccp-ice-0: #ffffff;
  --ccp-ice-1: #f8fbff;
  --ccp-ice-2: #edf6ff;
  --ccp-ice-3: #dceeff;
  --ccp-ink-950: #071a36;
  --ccp-ink-800: #123762;
  --ccp-ink-650: #365f88;
  --ccp-blue-500: #1677ff;
  --ccp-blue-400: #23a6ff;
  --ccp-cyan-400: #55d8ff;
  --ccp-electric: #179cff;
  --ccp-electric-2: #1769ff;
  --ccp-pro: #f4b942;
  --ccp-positive: #10a866;
  --ccp-negative: #ef4e5b;
  --ccp-glass: rgba(255,255,255,.70);
  --ccp-glass-strong: rgba(255,255,255,.86);
  --ccp-glass-soft: rgba(236,247,255,.58);
  --ccp-border: rgba(92,171,255,.34);
  --ccp-border-hot: rgba(31,160,255,.72);
  --ccp-radius-xl: 34px;
  --ccp-radius-lg: 24px;
  --ccp-radius-md: 16px;
  --ccp-blur: 28px;
  --ccp-shadow: 0 22px 70px rgba(45,112,187,.16);
  --ccp-shadow-hot: 0 24px 80px rgba(26,136,238,.25);
  --ccp-tool-electric: var(--ccp-electric);
  --ccp-tool-electric-2: var(--ccp-electric-2);
  --ccp-tool-surface: var(--ccp-glass);
  --ccp-tool-surface-strong: var(--ccp-glass-strong);
  --ccp-tool-surface-soft: var(--ccp-glass-soft);
  --ccp-tool-border: var(--ccp-border);
  --ccp-tool-border-hot: var(--ccp-border-hot);
  --ccp-tool-text: var(--ccp-ink-950);
  --ccp-tool-muted: var(--ccp-ink-650);
  --ccp-tool-pro: var(--ccp-pro);
  --ccp-tool-pro-soft: rgba(244,185,66,.16);
  --ccp-tool-pro-border: rgba(244,185,66,.66);
  --ccp-tool-radius: var(--ccp-radius-lg);
  --ccp-tool-radius-small: var(--ccp-radius-md);
  --ccp-tool-blur: var(--ccp-blur);
  --ccp-tool-shadow: var(--ccp-shadow);
  --ccp-tool-shadow-hot: var(--ccp-shadow-hot);
  --ccp-tool-highlight: rgba(255,255,255,.95);
  --ccp-tool-highlight-soft: rgba(119,219,255,.48);
  --ccp-tool-line: rgba(255,255,255,.76);
}