/* Ash Grey — charcoal/ash palette inspired by metalcollection.ch
   (black background, ash-grey surfaces, silver accents, light text).
   Registered as a custom theme (Admin → Themes); dark-mode flag set, so
   Bootstrap runs with data-bs-theme="dark". The rules below the palette
   mirror the dark/satanic companion rules in style.css, scoped to this key. */

:root[data-theme="ashgrey"] {
  --theme-bg-1: #161616;
  --theme-surface: #242424;
  --theme-link: #b0b6bf;
  --theme-link-hover: #d1d5db;
  --theme-emphasis: #b0b6bf;
  --theme-primary: #8b939e;
  --theme-primary-rgb: 139, 147, 158;
  --theme-border: #3a3a3a;
}

:root[data-theme="ashgrey"] body,
:root[data-theme="ashgrey"] body.bg-body {
  color: #e5e7eb;
}

:root[data-theme="ashgrey"] .ql-toolbar.ql-snow {
  background-color: var(--theme-surface);
  border-color: var(--theme-border);
}
:root[data-theme="ashgrey"] .ql-container.ql-snow {
  border-color: var(--theme-border);
}
:root[data-theme="ashgrey"] .ql-editor {
  background-color: var(--theme-bg-1);
  color: #e5e7eb;
}
:root[data-theme="ashgrey"] .ql-snow .ql-stroke {
  stroke: #e5e7eb;
}
:root[data-theme="ashgrey"] .ql-snow .ql-fill,
:root[data-theme="ashgrey"] .ql-snow .ql-stroke.ql-fill {
  fill: #e5e7eb;
}
:root[data-theme="ashgrey"] .ql-snow .ql-picker-label {
  color: #e5e7eb;
}
:root[data-theme="ashgrey"] .ql-snow .ql-picker-options {
  background-color: var(--theme-surface);
  border-color: var(--theme-border);
}
:root[data-theme="ashgrey"] .ql-snow .ql-picker-item {
  color: #e5e7eb;
}
:root[data-theme="ashgrey"] .ql-editor.ql-blank::before {
  color: rgba(229, 231, 235, 0.5);
}

:root[data-theme="ashgrey"] .text-body-secondary {
  color: rgba(229, 231, 235, 0.7) !important;
}
:root[data-theme="ashgrey"] .badge.text-bg-light {
  background-color: var(--theme-surface) !important;
  color: var(--bs-body-color) !important;
  border: 1px solid var(--theme-border);
}
:root[data-theme="ashgrey"] .badge.text-bg-light.text-body-secondary {
  color: var(--bs-body-color) !important;
}