jaamd 0.1.13 → 0.1.14

package/README.md

@@ -62,7 +62,7 @@ To fix it, import the stylesheet **statically** in your layout's frontmatter alo
 ```astro
 ---
 //  In any layout that uses MarkdownContent
-import "jaamd/default.css";  // variable fallbacks
+import "jaamd/default.css"; 
 import "jaamd/styles.css";
 ---
 ```
@@ -74,7 +74,7 @@ The duplicate import from `injectScript` is automatically deduplicated by the br
 ```ts
 jaamd({
   selector:   ".jaamd-content", // CSS selector for the JS enhancements (see below)
-  theme:      "light",          // "light" → github-light | "dark" → github-dark Shiki theme
+  theme:      "",               // Shiki theme (default "github-light")
   noDefault:  false,            // set true to skip injecting jaamd/default variable fallbacks
   plugins: {
     codeTabs:  true,            // :::code-tabs directive blocks

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaamd",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Just Another Astro Markdown",
   "type": "module",
   "license": "MIT",

package/src/styles/variables.css

@@ -4,19 +4,29 @@
  *
  * This file serves a dual purpose:
  *
- *  1. FALLBACK THEME — it is automatically imported by the
- *     integration (before markdown.css) so all --jaamd-* vars
- *     have sensible values even if you never set any yourself.
- *     You can opt out with `noDefault: true` in jaamd({…}).
+ *  1. FALLBACK THEME:
+ *     it is automatically imported by the integration so all
+ *     --jaamd-* vars have sensible values even if you never
+ *     set any yourself. You can opt out with `noDefault: true`
+ *     in jaamd({…}).
  *
- *  2. DOCUMENTATION — every --jaamd-* property is listed here
- *     with a comment describing its role. Copy any variable
- *     you want to override into your own :root block.
+ *     All defaults live inside @layer jaamd.defaults, so any
+ *     :root rule you write outside a layer always wins — no
+ *     matter the load order.
+ *
+ *  2. DOCUMENTATION:
+ *     every --jaamd-* property is listed here with a comment
+ *     describing its role. Copy any variable you want to override
+ *     into your own :root block (no layer needed).
  *
  * Importable as:  import "jaamd/default";
  *                 @import "jaamd/default.css";
  * ============================================================ */
 
+/* Establish the layer so its priority is always below unlayered CSS. */
+@layer jaamd.defaults;
+
+@layer jaamd.defaults {
 :root {
   /* ── Typography ─────────────────────────────────────────── */
 
@@ -196,3 +206,4 @@
   --jaamd-alert-caution-color: #cf222e;
   --jaamd-alert-caution-bg:    #ffebe9;
 }
+}