@layer pages {
/* ═══════════════════════════════════════════════════════════════════
   BOTANICAL DARK MODE — stroke dinamic via CSS (macheta README §9)
   ======================================================================= */

/* Pe fond dark, botanical stroke devine var(--brand) = #8FAF80 */
[data-theme="dark"] svg path[stroke="#6B7F5E"],
[data-theme="dark"] svg ellipse[stroke="#6B7F5E"],
[data-theme="dark"] svg circle[stroke="#6B7F5E"] {
  stroke: var(--brand);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) svg path[stroke="#6B7F5E"],
  :root:not([data-theme="light"]) svg ellipse[stroke="#6B7F5E"],
  :root:not([data-theme="light"]) svg circle[stroke="#6B7F5E"] {
    stroke: var(--brand);
  }
}

/* pointer-events: none pe orice element cu "botanical" în clasă */
[class*="botanical"] { pointer-events: none; }

} /* end @layer pages */