/* ═══════════════════════════════════════════════════════════════
   StockFlow / BeMobile — polished theme.css
   Версия 9.5: чище контраст, спокойнее акценты, лучше читаемость.
═══════════════════════════════════════════════════════════════ */

:root,
html[data-theme="dark"] {
  --bg:      #090b10;
  --surface: #10131a;
  --panel:   #171b24;
  --border:  #252b38;

  --accent:  #746cff;
  --accent2: #18d5b1;
  --accent3: #ff6878;
  --accent4: #f6a94a;
  --accent5: #5bbdff;
  --accent6: #f27bc5;

  --text:    #eef1f7;
  --muted:   #8a91a3;
  --tag:     #1d2230;

  --glow:    rgba(116,108,255,.18);
  --glow2:   rgba(24,213,177,.12);
  --bs-body-color: var(--text);
}

html[data-theme="light"] {
  --bg:      #f8fafc;
  --surface: #ffffff;
  --panel:   #f1f5f9;
  --border:  #e2e8f0;

  --accent:  #625cf0;
  --accent2: #079d86;
  --accent3: #dc4f5f;
  --accent4: #c97b1f;
  --accent5: #2f83cf;
  --accent6: #be5aa2;

  --text:    #111827;
  --muted:   #64748b;
  --tag:     #e8eef6;

  --glow:    rgba(98,92,240,.13);
  --glow2:   rgba(7,157,134,.11);
  --bs-body-color: var(--text);
}

html[data-theme="midnight"] {
  --bg:      #070b14;
  --surface: #0d1523;
  --panel:   #131e31;
  --border:  #243049;

  --accent:  #8592ff;
  --accent2: #24d4b5;
  --accent3: #ff6d80;
  --accent4: #f2ad4c;
  --accent5: #61bdff;
  --accent6: #cf86ff;

  --text:    #f0f5ff;
  --muted:   #8c9ab0;
  --tag:     #1a263b;

  --glow:    rgba(133,146,255,.18);
  --glow2:   rgba(36,212,181,.12);
  --bs-body-color: var(--text);
}

html[data-theme="aurora"] {
  --bg:      #faf7fb;
  --surface: #ffffff;
  --panel:   #f3edf7;
  --border:  #e3d8e8;

  --accent:  #9b4fd0;
  --accent2: #109898;
  --accent3: #cf4d68;
  --accent4: #c57d2f;
  --accent5: #3c83bc;
  --accent6: #a965cf;

  --text:    #241927;
  --muted:   #726479;
  --tag:     #eee3f2;

  --glow:    rgba(155,79,208,.13);
  --glow2:   rgba(16,152,152,.11);
  --bs-body-color: var(--text);
}

html[data-theme="velvet"] {
  --bg:      #100d13;
  --surface: #18131c;
  --panel:   #211a26;
  --border:  #33273b;

  --accent:  #c86aa8;
  --accent2: #45c8b1;
  --accent3: #ee6d7c;
  --accent4: #dca158;
  --accent5: #73b7f8;
  --accent6: #ad8ef5;

  --text:    #f6eff6;
  --muted:   #ad9bab;
  --tag:     #2a2030;

  --glow:    rgba(200,106,168,.16);
  --glow2:   rgba(69,200,177,.12);
  --bs-body-color: var(--text);
}

html[data-theme="sage"] {
  --bg:      #f5f8f2;
  --surface: #ffffff;
  --panel:   #eef3ea;
  --border:  #d9e2d2;

  --accent:  #47765d;
  --accent2: #2d897f;
  --accent3: #b9575f;
  --accent4: #ad7c35;
  --accent5: #4d82a0;
  --accent6: #8365a8;

  --text:    #1b241e;
  --muted:   #667463;
  --tag:     #e4ecdd;

  --glow:    rgba(71,118,93,.13);
  --glow2:   rgba(45,137,127,.11);
  --bs-body-color: var(--text);
}

/* ═══════════════════════════════════════════════════════════════
   Accent presets
   Эти блоки специально идут после тем: пользовательский accent перебивает
   основной цвет кнопок/акцентов, а фон темы остается прежним.
═══════════════════════════════════════════════════════════════ */

html[data-accent="purple_teal"] {
  --accent:  #746cff;
  --accent2: #18d5b1;
  --glow:    rgba(116,108,255,.18);
  --glow2:   rgba(24,213,177,.12);
}

html[data-accent="teal"] {
  --accent:  #069b84;
  --accent2: #6b63f6;
  --glow:    rgba(6,155,132,.15);
  --glow2:   rgba(107,99,246,.11);
}

html[data-accent="orange"] {
  --accent:  #db7c21;
  --accent2: #0c9f87;
  --glow:    rgba(219,124,33,.15);
  --glow2:   rgba(12,159,135,.11);
}

html[data-accent="blue_lime"] {
  --accent:  #3b82f6;
  --accent2: #86bd35;
  --glow:    rgba(59,130,246,.15);
  --glow2:   rgba(134,189,53,.12);
}

html[data-accent="rose_gold"] {
  --accent:  #cc5c87;
  --accent2: #b98a31;
  --glow:    rgba(204,92,135,.14);
  --glow2:   rgba(185,138,49,.12);
}

:root {
  --menu-w: 230px;
  --r: 14px;
  --r-sm: 10px;
}