/* ============================================================
   tokens.css — design tokens (Dashboard v3 palette)
   Only CSS custom properties — никаких компонентных стилей.
   ============================================================ */

:root {
  /* ---- Surface & ink ---- */
  --bg-page: linear-gradient(135deg, #FCEFE3 0%, #F7F2EE 28%, #ECEFF4 60%, #DCE7F5 100%);
  --ink: #0B1220;
  --muted: #6B7280;
  --faint: #9CA3AF;
  --line: #F3F4F6;
  --line-2: #E5E7EB;

  --card-bg: rgba(255, 255, 255, 0.65);
  --card-bd: rgba(255, 255, 255, 0.70);
  --chip-bg: rgba(255, 255, 255, 0.60);
  --tab-bg: #F1F2F4;
  --tab-on: #FFFFFF;
  --pivot-bg: #FFFFFF;
  --pivot-head: #FAFAFB;

  /* ---- Brand ---- */
  --brand-navy: #003366;
  --brand-navy-soft: rgba(0, 51, 102, 0.18);
  --brand-blue: #3B82F6;
  --brand-blue-2: #60A5FA;
  --brand-blue-deep: #1E40AF;

  /* ---- Series ---- */
  --series-primary: #3B82F6;
  --series-primary-2: #60A5FA;
  --series-compare: #F59E0B;
  --series-primary-area: rgba(59, 130, 246, 0.18);

  /* ---- States ---- */
  --up-bg: #DCFCE7;
  --up-fg: #16A34A;
  --down-bg: #FEE2E2;
  --down-fg: #DC2626;

  /* ---- Marketplace marks ---- */
  --mk-oz: #6F4FE6;
  --mk-wb: #E0399C;
  --mk-ym: #F4C430;
  --mk-ym-fg: #0B1220;
  --mk-cs: #F4C430;
  --mk-ar: #3B82F6;
  --mk-b2: #475569;

  /* ---- Radii ---- */
  --r-xs: 5px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 14px;
  --r-2xl: 18px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-card: 0 1px 2px rgba(11, 18, 32, 0.04);
  --shadow-pop:  0 4px 12px rgba(0, 51, 102, 0.18);
  --shadow-pop-deep: 0 8px 20px rgba(11, 18, 32, 0.06);

  /* ---- Spacing ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 10px;
  --s-4: 14px;
  --s-5: 18px;
  --s-6: 22px;
  --s-7: 26px;
  --s-8: 32px;

  /* ---- Type ---- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-lg: 14px;
  --fs-xl: 16px;
  --fs-2xl: 18px;
  --fs-3xl: 22px;
  --fs-4xl: 26px;
  --fs-5xl: 28px;
  --fs-hero: 56px;
}

/* ============================================================
   Dark theme — body[data-theme="dark"]
   ============================================================ */
body[data-theme="dark"] {
  --bg-page: linear-gradient(135deg, #0a0f1c 0%, #0c1322 30%, #0d1428 60%, #0a1326 100%);
  --ink: #E5E7EB;
  --muted: #9CA3AF;
  --faint: #6B7280;
  --line: #1f2937;
  --line-2: #1f2937;

  --card-bg: rgba(20, 28, 46, 0.60);
  --card-bd: rgba(255, 255, 255, 0.06);
  --chip-bg: rgba(255, 255, 255, 0.05);
  --tab-bg: rgba(255, 255, 255, 0.06);
  --tab-on: #1f2937;
  --pivot-bg: rgba(15, 21, 36, 0.60);
  --pivot-head: rgba(255, 255, 255, 0.04);

  --series-primary-area: rgba(59, 130, 246, 0.22);

  --up-bg: rgba(22, 163, 74, 0.18);
  --up-fg: #4ADE80;
  --down-bg: rgba(220, 38, 38, 0.18);
  --down-fg: #F87171;
}