/* ==========================================================================
   bark/org.css — BARK-specific overrides for the org theme
   Load after org.css:  <link rel="stylesheet" href="bark/org.css">
   ========================================================================== */

/* Chart palette (read by bark-stats.js for Vega)
   Derived from worg font-lock faces:
   1: #3d5a50 (heading green)  2: #3a7678 (function-name teal)
   3: #8a6508 (org-level-2)    4: #b22222 (org-level-4)
   5: #595959 (org-archived)                                    */
:root {
  --bark-chart-1: #3d5a50;
  --bark-chart-2: #3a7678;
  --bark-chart-3: #8a6508;
  --bark-chart-4: #b22222;
  --bark-chart-5: #595959;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bark-chart-1: #8fbcaa;
    --bark-chart-2: #7ec8ca;
    --bark-chart-3: #d4a76a;
    --bark-chart-4: #d47272;
    --bark-chart-5: #a0a0a0;
  }
}

[data-theme=dark] {
  --bark-chart-1: #8fbcaa;
  --bark-chart-2: #7ec8ca;
  --bark-chart-3: #d4a76a;
  --bark-chart-4: #d47272;
  --bark-chart-5: #a0a0a0;
}

/* ==========================================================================
   5. BARK-SPECIFIC COMPONENTS
   ========================================================================== */

/* BARK type badges — worg font-lock derived
   bug:   org-level-4 firebrick   patch: function-name teal
   req:   org-level-2 dark gold   ann:   keyword steel blue
   rel:   org-level-3 purple      chg:   org-archived gray    */
:root {
  --bark-mark-bug-bg: #b222221a; --bark-mark-bug: #b22222;
  --bark-mark-ann-bg: #4682b41a; --bark-mark-ann: #4682b4;
  --bark-mark-req-bg: #8a65081a; --bark-mark-req: #8a6508;
  --bark-mark-patch-bg: #3a76781a; --bark-mark-patch: #3a7678;
  --bark-mark-rel-bg: #a020f01a; --bark-mark-rel: #a020f0;
  --bark-mark-chg-bg: #5959591a; --bark-mark-chg: #595959;
  --bark-vote-pos-bg: #3a767833; --bark-vote-pos: #3a7678;
  --bark-vote-neg-bg: #b2222233; --bark-vote-neg: #b22222;
  --bark-vote-zero-bg: #59595922; --bark-vote-zero: #595959;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bark-mark-bug-bg: #d4727226; --bark-mark-bug: #d47272;
    --bark-mark-ann-bg: #7aa2d426; --bark-mark-ann: #7aa2d4;
    --bark-mark-req-bg: #d4a76a26; --bark-mark-req: #d4a76a;
    --bark-mark-patch-bg: #7ec8ca26; --bark-mark-patch: #7ec8ca;
    --bark-mark-rel-bg: #c9a0dc26; --bark-mark-rel: #c9a0dc;
    --bark-mark-chg-bg: #a0a0a022; --bark-mark-chg: #a0a0a0;
    --bark-vote-pos-bg: #7ec8ca33; --bark-vote-pos: #7ec8ca;
    --bark-vote-neg-bg: #d4727233; --bark-vote-neg: #d47272;
    --bark-vote-zero-bg: #a0a0a022; --bark-vote-zero: #a0a0a0;
  }
}
[data-theme=dark] {
  --bark-mark-bug-bg: #d4727226; --bark-mark-bug: #d47272;
  --bark-mark-ann-bg: #7aa2d426; --bark-mark-ann: #7aa2d4;
  --bark-mark-req-bg: #d4a76a26; --bark-mark-req: #d4a76a;
  --bark-mark-patch-bg: #7ec8ca26; --bark-mark-patch: #7ec8ca;
  --bark-mark-rel-bg: #c9a0dc26; --bark-mark-rel: #c9a0dc;
  --bark-mark-chg-bg: #a0a0a022; --bark-mark-chg: #a0a0a0;
  --bark-vote-pos-bg: #7ec8ca33; --bark-vote-pos: #7ec8ca;
  --bark-vote-neg-bg: #d4727233; --bark-vote-neg: #d47272;
  --bark-vote-zero-bg: #a0a0a022; --bark-vote-zero: #a0a0a0;
}

.filters button {
  background-color: var(--org-teal);
  border-color: var(--org-teal);
  color: #ffffff;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.filters button:hover { background-color: var(--org-teal-hover); border-color: var(--org-teal-hover); }
.filters button.outline {
  background: none;
  border: 1px solid var(--org-border);
  color: var(--org-text-muted);
  opacity: 0.7;
}
.filters button.outline:hover { border-color: var(--org-teal); color: var(--org-teal); opacity: 1; }

.theme-toggle {
  cursor: pointer;
  background: none !important;
  border: none !important;
  font-size: 1.2rem;
  padding: 0.3rem;
  color: var(--org-text-muted);
}
.theme-toggle:hover { background: none !important; color: var(--org-teal); }

footer.bark-footer { color: var(--org-text-muted); border-top: 1px solid var(--org-border); }
footer.bark-footer a { color: var(--org-teal); }
footer.bark-footer a:hover { color: var(--org-teal-hover); }

[data-theme=light] { --bark-stripe-bg: var(--org-grey-light); --bark-row-bg: var(--org-bg); }
[data-theme=dark]  { --bark-stripe-bg: #252540; --bark-row-bg: #1a1a2e; }

nav ul li a { color: var(--org-teal); }
nav ul li a:hover { color: var(--org-teal-hover); }