/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

root,
:root[data-theme="light"] {
  --q2-bg: #fff4eb;
  --q2-bg-elev: #ffffff; /* cards / content surface */
  --q2-bg-muted: #f2f2f4; /* recessed */
  --q2-bg-inverse: #111111;

  --q2-text: #242424;
  --q2-text-strong: #6ca34d;
  --q2-text-muted: #b1d19e;
  --q2-text-inverse: #69532b;
  
  .dropmenu .active {
      background: var(--q2-bg-muted);
  }

}

:root[data-theme="dark"] {
  --q2-bg: #23211a;
  --q2-bg-elev: #000000; /* cards / content surface */
  --q2-bg-muted: #2f2f2f; /* recessed */
  --q2-bg-inverse: #eeeeee;

  --q2-text: #fff4eb;
  --q2-text-strong: #6ca34d;
  --q2-text-muted: #b1d19e;
  --q2-text-inverse: #69532b;

}

.frontpage h1 {
  margin-top: 0;
}