/* ============================================================
   Bythorn Mail — tmavý režim
   Ne inverze, ale teplá tmavá „dřevěná“ paleta: hnědočerné plochy,
   jantar o něco světlejší, aby držel kontrast, stíny hlubší.
   ============================================================ */

[data-theme="dark"] {
  --bg:            #16130E;
  --bg-elev:       #1E1A14;
  --bg-sunken:     #262119;
  --bg-hover:      #272219;
  --bg-active:     #322B1F;
  --bg-overlay:    rgba(0, 0, 0, 0.55);

  --ink:           #F1EBDF;
  --ink-2:         #C9C0B0;
  --ink-3:         #8F8677;
  --ink-4:         #635B4E;

  --line:          rgba(241, 235, 223, 0.07);
  --line-strong:   rgba(241, 235, 223, 0.14);

  --accent:        #D9963A;
  --accent-hover:  #E5A54D;
  --accent-active: #C4842C;
  --accent-soft:   #3A2C14;
  --accent-softer: #2A2114;
  --accent-ink:    #F0C071;
  --on-accent:     #1B1206;

  --green:         #8DB884;
  --green-soft:    #1F2C1D;
  --green-ink:     #B4D6AB;
  --olive:         #B9B65E;
  --olive-soft:    #2A2916;
  --olive-ink:     #D6D38A;
  --clay:          #D5866B;
  --clay-soft:     #31201A;
  --clay-ink:      #EBB09B;

  --danger:        #E07B69;
  --danger-soft:   #35201C;
  --success:       #8DB884;
  --focus-ring:    0 0 0 3px rgba(217, 150, 58, 0.35);

  --av-1: #8C6520; --av-1-ink: #F7E3B8;
  --av-2: #476B3D; --av-2-ink: #DCEED4;
  --av-3: #8A4B35; --av-3-ink: #F6D9CD;
  --av-4: #5D5285; --av-4-ink: #E4DDF5;
  --av-5: #3F6A6C; --av-5-ink: #D3ECED;
  --av-6: #6E5537; --av-6-ink: #F0E0CB;

  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-lg:  0 22px 56px rgba(0, 0, 0, 0.55), 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-accent: 0 6px 18px rgba(217, 150, 58, 0.22);

  color-scheme: dark;
}

/* Jemné doladění prvků, kde samotné tokeny nestačí */
[data-theme="dark"] .auth-brand {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,0.08), transparent 60%),
    linear-gradient(160deg, #6E4410 0%, #4E300B 50%, #2E1D07 100%);
  color: #F6E7CC;
}
[data-theme="dark"] .logomark-letter { fill: #F6E7CC; }
[data-theme="dark"] .blob { opacity: 0.35; }
[data-theme="dark"] .blob-1 { background: #3A2C14; }
[data-theme="dark"] .blob-2 { background: #2A2916; }

[data-theme="dark"] kbd { background: var(--bg-sunken); }
[data-theme="dark"] .compose-btn kbd { background: rgba(0,0,0,0.18); color: var(--on-accent); }
[data-theme="dark"] .toast { background: #F1EBDF; color: #16130E; }
[data-theme="dark"] .toast .icon { color: var(--accent-active); }
[data-theme="dark"] .filter-opt.is-on { background: var(--ink); color: var(--bg); }
[data-theme="dark"] .switcher-item-all .avatar { background: var(--ink); color: var(--bg); }
[data-theme="dark"] .select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238F8677' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
}
[data-theme="dark"] .attach-icon { background: var(--bg-active); }
[data-theme="dark"] .workspace { border-color: var(--line-strong); }