:root {
  /* ── Core backgrounds ───────────────────────── */
  --color-bg:           #080b12;
  --color-bg-secondary: #0b0f1a;
  --color-bg-card:      #0e1220;
  --color-bg-panel:     #111827;

  /* ── Accent (один, не больше) ───────────────── */
  --color-accent:       #00c8f0;
  --color-accent-dark:  #0099bb;
  --color-accent-glow:  rgba(0, 200, 240, 0.08);
  --color-accent-dim:   rgba(0, 200, 240, 0.35);

  /* ── Chrome / silver ────────────────────────── */
  --color-chrome:       #d0d8e8;
  --color-silver:       #a8b4c8;
  --color-silver-dim:   #5a6478;

  /* ── Text ───────────────────────────────────── */
  --color-text:         #c8d0e0;
  --color-text-dim:     #6a7488;
  --color-text-muted:   #3a4258;

  /* ── P&L (приглушённые, не кислотные) ──────── */
  --color-long:         #2a9d6a;
  --color-long-bg:      rgba(42, 157, 106, 0.08);
  --color-short:        #c0392b;
  --color-short-bg:     rgba(192, 57, 43, 0.08);

  /* ── Borders ────────────────────────────────── */
  --color-border:       rgba(255, 255, 255, 0.05);
  --color-border-hover: rgba(0, 200, 240, 0.2);
  --color-border-panel: rgba(255, 255, 255, 0.07);

  /* ── Typography ─────────────────────────────── */
  --font-primary: 'Orbitron', monospace;
  --font-body:    'Inter', 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  --size-xs:   0.70rem;
  --size-sm:   0.825rem;
  --size-base: 1rem;
  --size-lg:   1.125rem;
  --size-xl:   1.25rem;
  --size-2xl:  1.5rem;
  --size-3xl:  2rem;
  --size-4xl:  2.75rem;
  --size-5xl:  3.5rem;

  /* ── Spacing ────────────────────────────────── */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 7rem;

  /* ── Effects ────────────────────────────────── */
  --shadow-card:   0 2px 16px rgba(0, 0, 0, 0.5);
  --shadow-glow:   0 0 20px rgba(0, 200, 240, 0.12);
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     16px;
  --transition:    0.2s ease;
}