/* ─── _theme-Editor-Dark.css ─── */
/* Editor Dark — OwnMark's stock dark palette as a portable drop-in.
   rev 2026-07-30 · OwnMark 0.9.16 */

[data-theme="Editor-Dark"] {
  --theme-icon: "🌙";
  --bg:         #1e1e2e;
  --bg-nav:     #181825;
  --bg-code:    #313244;
  --border:     #45475a;
  --text:       #cdd6f4;
  --text-muted: #9399b2;
  --heading:    #b4befe;
  --link:       #89b4fa;
  --link-hover: #b4befe;
  --active-bg:  #313244;
  --active:     #89b4fa;
  --head-bg:    #181825;
}

/* ─── _theme-Editor-Light.css ─── */
/* Editor Light — OwnMark's stock light palette as a portable drop-in.
   rev 2026-07-30 · OwnMark 0.9.16 */

[data-theme="Editor-Light"] {
  --theme-icon: "☀";
  --bg:         #f8f7f2;
  --bg-nav:     #ececee;
  --bg-code:    #e0ddd6;
  --border:     #c8c5bc;
  --text:       #2d2d3a;
  --text-muted: #67657a;
  --heading:    #6655bb;
  --link:       #2751aa;
  --link-hover: #6655bb;
  --active-bg:  #e0ddd6;
  --active:     #2751aa;
  --head-bg:    #ececee;
}

/* ─── _theme-Editor-Sepia.css ─── */
/* Editor Sepia — OwnMark's stock sepia palette as a portable drop-in.
   rev 2026-07-30 · OwnMark 0.9.16 */

[data-theme="Editor-Sepia"] {
  --theme-icon: "⛅";
  --bg:         #f9f3e8;
  --bg-nav:     #ede8dc;
  --bg-code:    #e0dcd4;
  --border:     #c8bfa8;
  --text:       #3c3220;
  --text-muted: #736247;
  --heading:    #6b3e1c;
  --link:       #7a4e2c;
  --link-hover: #6b3e1c;
  --active-bg:  #e0dcd4;
  --active:     #7a4e2c;
  --head-bg:    #ede8dc;
}

/* ─── _theme-Reader-Dark.css ─── */
/* Reader Dark — OwnShip's stock dark palette as a portable drop-in.
   rev 2026-07-27 · OwnShip 0.9.12 */

[data-theme="Reader-Dark"] {
  --theme-icon: "☾";
  --bg:         #1e1e2e;
  --bg-nav:     #181825;
  --bg-code:    #2a2a3e;
  --border:     #3a3a5c;
  --text:       #cdd6f4;
  --text-muted: #a6adc8;
  --heading:    #cdd6f4;
  --link:       #89b4fa;
  --link-hover: #b4d0fa;
  --active-bg:  #313244;
  --active:     #89b4fa;
  --head-bg:    #181825;
}

/* ─── _theme-Reader-Light.css ─── */
/* Reader Light — OwnShip's stock light palette as a portable drop-in.
   rev 2026-07-27 · OwnShip 0.9.12 */

[data-theme="Reader-Light"] {
  --theme-icon: "☼";
  --bg:         #ffffff;
  --bg-nav:     #f5f5f5;
  --bg-code:    #f0f0f0;
  --border:     #dddddd;
  --text:       #222222;
  --text-muted: #666666;
  --heading:    #222222;
  --link:       #0366d6;
  --link-hover: #0550ae;
  --active-bg:  #dbeafe;
  --active:     #1d4ed8;
  --head-bg:    #f0f0f0;
}

/* ─── _theme-Reader-Sepia.css ─── */
/* Reader Sepia — OwnShip's stock sepia palette as a portable drop-in.
   rev 2026-07-29 · OwnShip 0.9.12 */

[data-theme="Reader-Sepia"] {
  --theme-icon: "☁";
  --bg:         #f9f3e8;
  --bg-nav:     #ede8dc;
  --bg-code:    #e8e2d6;
  --border:     #c8bfa8;
  --text:       #3c3220;
  --text-muted: #736247;
  --heading:    #3c3220;
  --link:       #8b5e3c;
  --link-hover: #6b3e1c;
  --active-bg:  #ddd5c4;
  --active:     #6b3e1c;
  --head-bg:    #ede8dc;
}

/* ─── _theme-blueprint.css ─── */
/* Blueprint — cyanotype blues on cool drafting paper, a crisp technical light theme.
   rev 2026-08-01 */

[data-theme="blueprint"] {
  --theme-icon: "📐";
  --bg:         #eef3f8;
  --bg-nav:     #e1e9f2;
  --bg-code:    #d9e3ee;
  --border:     #b0c3d6;
  --text:       #14293d;
  --text-muted: #53687e;
  --heading:    #0d2033;
  --link:       #17618f;
  --link-hover: #0e4468;
  --active-bg:  #cdddee;
  --active:     #0e4468;
  --head-bg:    #e1e9f2;
}

/* ─── _theme-bumblebee.css ─── */
/* Bumblebee — warm charcoal with honeyed amber accents, a cosy dark theme.
   rev 2026-07-17 */
[data-theme="bumblebee"] {
  --theme-icon: "🐝";
  --bg:         #1a1610;   /* page / pane background — warm dark */
  --border:     #3a3628;   /* borders, dividers */

  --bg-nav:     #131108;   /* → --bg2  sidebar / nav strip */
  --head-bg:    #131108;   /* → --bg2  toolbar headers (alias of --bg-nav) */

  --bg-code:    #2a2618;   /* → --bg3  code blocks */
  --active-bg:  #2a2618;   /* → --bg3  hover and active rows (alias of --bg-code) */

  --text:       #e8dfc8;   /* body text (pass-through) */
  --heading:    #e8dfc8;   /* headings → --text */
  --text-muted: #7a7060;   /* secondary / muted labels → --muted */

  --link:       #d4a04a;   /* primary accent → --accent  (amber) */
  --active:     #d4a04a;   /* active state   → --accent (alias of --link) */
  --link-hover: #f0c070;   /* hover / pressed → --accent2 */
}

/* ─── _theme-dracula.css ─── */
/* Dracula — purple and pink on deep slate, the classic dark palette.
   https://draculatheme.com · MIT License
   rev 2026-07-17 */

[data-theme="dracula"] {
  --theme-icon: "🧛";
  --bg:          #282a36;
  --bg-nav:      #21222c;
  --bg-code:     #44475a;
  --border:      #44475a;
  --text:        #f8f8f2;
  --text-muted:  #6272a4;
  --heading:     #f8f8f2;
  --link:        #8be9fd;
  --link-hover:  #bd93f9;
  --active-bg:   #44475a;
  --active:      #bd93f9;
  --head-bg:     #21222c;
}

/* ─── _theme-gruvbox.css ─── */
/* Gruvbox Dark — retro warm earth tones, amber and green on brown-black.
   https://github.com/morhetz/gruvbox · MIT License
   rev 2026-07-17 */

[data-theme="gruvbox"] {
  --theme-icon: "🍂";
  --bg:          #282828;
  --bg-nav:      #1d2021;
  --bg-code:     #3c3836;
  --border:      #504945;
  --text:        #ebdbb2;
  --text-muted:  #928374;
  --heading:     #fbf1c7;
  --link:        #83a598;
  --link-hover:  #8ec07c;
  --active-bg:   #3c3836;
  --active:      #fabd2f;
  --head-bg:     #1d2021;
}

/* ─── _theme-herbarium.css ─── */
/* Herbarium — pressed-leaf greens on soft botanical paper, quiet and warm.
   rev 2026-08-01 */

[data-theme="herbarium"] {
  --theme-icon: "🌿";
  --bg:         #f7f9f2;
  --bg-nav:     #ebeee1;
  --bg-code:    #e2e7d6;
  --border:     #bfc9ab;
  --text:       #25302a;
  --text-muted: #5c6a56;
  --heading:    #1e3524;
  --link:       #43702f;
  --link-hover: #2c5020;
  --active-bg:  #d9e2c9;
  --active:     #2c5020;
  --head-bg:    #ebeee1;
}

/* ─── _theme-linen.css ─── */
[data-theme="linen"] { --theme-import: "https://fonts.bunny.net/css?family=playwrite-nz-guides:400&display=swap"; }
/* Linen — soft linen whites with deep sage, quiet and domestic. Built for
   notes, house projects, garden journals and personal sites.
   rev 2026-08-02
   Font: Playwrite NZ Guides via Bunny Fonts, requested only when this theme is
   picked. Self-host or use Google instead: see "Font family" in the guide's Tips page.
   "Guides" draws guideline strokes through each letter; for plain forms swap
   "playwrite-nz-guides" → "playwrite-nz" in the @import and font-family. */



[data-theme="linen"] {
  --theme-icon: "🕯️";
  --bg:         #faf8f4;
  --bg-nav:     #efece4;
  --bg-code:    #e7e3da;
  --border:     #cdc7b8;
  --text:       #33312c;
  --text-muted: #6b665c;
  --heading:    #3f5140;
  --link:       #4a6042;
  --link-hover: #354830;
  --active-bg:  #e1e5d7;
  --active:     #354830;
  --head-bg:    #efece4;
}

/* Script for the page title and site title only — see note 2 above. */
[data-theme="linen"] main h1,
[data-theme="linen"] .site-title {
  font-family: 'Playwrite NZ Guides', 'Segoe Script', cursive;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* Lower headings stay in the body serif, at small caps, so the hierarchy still
   reads without competing with the script. */
[data-theme="linen"] main h2,
[data-theme="linen"] main h3 {
  font-variant-caps: small-caps;
  letter-spacing: 0.06em;
  font-weight: 600;
}

[data-theme="linen"] body { font-family: 'Iowan Old Style', Georgia, 'Times New Roman', serif; }
[data-theme="linen"] code,
[data-theme="linen"] pre  { font-family: ui-monospace, Consolas, monospace; }

[data-theme="linen"] main blockquote {
  border-left: 2px solid var(--heading);
  background: transparent;
  font-style: italic;
  color: var(--text-muted);
}

/* ─── _theme-meridian.css ─── */
[data-theme="meridian"] { --theme-import: "https://fonts.bunny.net/css?family=manrope:400,600,700&display=swap"; }
/* Meridian — cool off-white with a modern indigo accent, clean and neutral.
   A worked example: one webfont, from Bunny, used for the whole site.
   rev 2026-08-03
   Font: Manrope via Bunny Fonts, requested only when this theme is picked.
   Self-host or use Google instead: see "Font family" in the guide's Tips page.

   ─── How this file is put together (read top to bottom) ───────────────────
   1. The @import below names one font from a privacy-respecting CDN. OwnShip
      holds this request back until a visitor actually selects Meridian — an
      @import inside a _theme-*.css is deferred; a <link> in _header.md is not.
   2. The [data-theme="meridian"] block sets the palette. The selector MUST
      equal this file's name stem ("meridian"), or the theme styles nothing.
   3. One rule on `body` swaps the font for the entire site (see below).
   Copy this file, rename it and its selector together, change the font slug
   and the colours, and you have a new theme. */



/* The palette. These thirteen custom properties are the whole theme contract —
   OwnShip reads them for every surface (nav, header, links, code, active row).
   Set all of them; sparse palettes fall back to the built-in theme underneath. */
[data-theme="meridian"] {
  --theme-icon: "🧭";   /* shown in the theme menu */
  --bg:         #fbfbfd; /* page background          */
  --bg-nav:     #f3f4f8; /* nav / sidebar background */
  --bg-code:    #eceef4; /* code + inline-code fill  */
  --border:     #dcdfe8; /* hairlines and rules      */
  --text:       #1a1d24; /* body text                */
  --text-muted: #5b6270; /* nav labels, meta, muted  */
  --heading:    #0d0f14; /* h1–h6                    */
  --link:       #4f46e5; /* links, accents           */
  --link-hover: #3a32c4; /* link hover               */
  --active-bg:  #e9e8fb; /* active nav row fill      */
  --active:     #3a32c4; /* active nav row text      */
  --head-bg:    #f3f4f8; /* site header band         */
}

/* The whole point of this example. Setting font-family on `body` restyles the
   ENTIRE site — headings, nav, header, footer, prose — because every element
   inherits it. No per-element rules needed; one line does all of it. The last
   entries are the system fallback the browser uses until Manrope arrives. */
[data-theme="meridian"] body {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* The one deliberate exception: code stays fixed-width, so listings and
   indentation line up. Delete these two lines if you truly want Manrope
   everywhere, code included. */
[data-theme="meridian"] code,
[data-theme="meridian"] pre {
  font-family: 'Fira Code', 'Cascadia Code', Consolas, monospace;
}

/* Optional polish — a modern sans reads a touch cleaner with slightly tighter
   heading tracking. Nothing structural; remove it and the theme still works. */
[data-theme="meridian"] main h1,
[data-theme="meridian"] main h2,
[data-theme="meridian"] main h3 {
  letter-spacing: -0.015em;
}

/* ─── _theme-newsprint.css ─── */
/* Newsprint — near-black on off-white with a single vermilion accent, high-contrast editorial.
   rev 2026-08-01 */

[data-theme="newsprint"] {
  --theme-icon: "📰";
  --bg:         #fcfcfa;
  --bg-nav:     #efeeea;
  --bg-code:    #e8e7e2;
  --border:     #c9c8c2;
  --text:       #1a1a18;
  --text-muted: #605f5a;
  --heading:    #111110;
  --link:       #a63118;
  --link-hover: #7a2110;
  --active-bg:  #e3e1db;
  --active:     #7a2110;
  --head-bg:    #efeeea;
}

/* ─── _theme-nord.css ─── */
/* Nord — cool arctic blues and frost over deep polar night.
   https://www.nordtheme.com · MIT License
   rev 2026-07-17 */

[data-theme="nord"] {
  --theme-icon: "❄️";
  --bg:          #2e3440;
  --bg-nav:      #242933;
  --bg-code:     #3b4252;
  --border:      #434c5e;
  --text:        #d8dee9;
  --text-muted:  #616e88;
  --heading:     #eceff4;
  --link:        #88c0d0;
  --link-hover:  #81a1c1;
  --active-bg:   #3b4252;
  --active:      #88c0d0;
  --head-bg:     #242933;
}

/* ─── _theme-saffron.css ─── */
[data-theme="saffron"] { --theme-import: "https://fonts.bunny.net/css?family=edu-au-vic-wa-nt-hand:600&display=swap"; }
/* Saffron — warm cream and paprika with a friendly school-hand, for recipe
   collections, food notes and family sites.
   rev 2026-08-02
   Font: Edu AU VIC WA NT Hand via Bunny Fonts, requested only when this theme is
   picked. Self-host or use Google instead: see "Font family" in the guide's Tips page.
   Family list carries two names — Google renamed the face to "Edu AU VIC WA NT
   Hand"; the older "Edu VIC WA NT Hand" alias follows for anyone holding it.
   Only weight 600 is requested; it's the only one used. */



[data-theme="saffron"] {
  --theme-icon: "🍅";
  --bg:         #fffaf2;
  --bg-nav:     #f7ecdc;
  --bg-code:    #f1e4d1;
  --border:     #dcc5a4;
  --text:       #3f2b1c;
  --text-muted: #755c40;
  --heading:    #9c3a1e;
  --link:       #a8401c;
  --link-hover: #7d2e12;
  --active-bg:  #f2ddc0;
  --active:     #7d2e12;
  --head-bg:    #f7ecdc;
}

/* Handwriting for display type only — headings and the site title. Body text
   stays in a serif, because a school-hand is tiring to read at length. */
[data-theme="saffron"] main h1,
[data-theme="saffron"] main h2,
[data-theme="saffron"] main h3,
[data-theme="saffron"] .site-title {
  font-family: 'Edu AU VIC WA NT Hand', 'Edu VIC WA NT Hand', 'Comic Sans MS', cursive;
  font-weight: 600;
  letter-spacing: 0.01em;
}

[data-theme="saffron"] main h1 { line-height: 1.25; }

[data-theme="saffron"] body { font-family: 'Iowan Old Style', Georgia, 'Times New Roman', serif; }
[data-theme="saffron"] code,
[data-theme="saffron"] pre  { font-family: ui-monospace, Consolas, monospace; }

/* Recipe-card touches: a soft rule under section headings, and blockquotes
   that read as a handwritten margin note. */
[data-theme="saffron"] main h2 {
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.2em;
}

[data-theme="saffron"] main blockquote {
  border-left: 3px solid var(--heading);
  background: var(--bg-nav);
  font-style: normal;
}

/* ─── _theme-terminal.css ─── */
[data-theme="terminal"] { --theme-import: "https://fonts.bunny.net/css?family=space-mono:400,400i,700,700i&display=swap"; }
/* Terminal — green-on-black monospace, the classic CRT look, with hash marks on
   headings and a caret for list bullets. Palette after the green-screen phosphor
   displays of the 1970s: https://en.wikipedia.org/wiki/Green_screen
   rev 2026-08-02
   Font: Space Mono via Bunny Fonts, requested only when this theme is picked.
   Self-host or use Google instead: see "Font family" in the guide's Tips page. */



[data-theme="terminal"] {
  --theme-icon: "🖥️";
  --bg:          #040a04;
  --bg-nav:      #020602;
  --bg-code:     #0a180a;
  --border:      #163016;
  --text:        #72b872;
  --text-muted:  #3e6e3e;
  --heading:     #9eda9e;
  --link:        #44ff44;
  --link-hover:  #88ff88;
  --active-bg:   rgba(68,255,68,0.07);
  --active:      #44ff44;
  --head-bg:     #020602;
}

[data-theme="terminal"] body { font-family: 'Space Mono', 'Cascadia Code', ui-monospace, monospace; }
[data-theme="terminal"] main { animation: hv-fade 0.5s ease; }

[data-theme="terminal"] main h1::before { content: '# ';  color: var(--text-muted); font-weight: 400; }
[data-theme="terminal"] main h2::before { content: '## '; color: var(--text-muted); font-weight: 400; }
[data-theme="terminal"] main h3::before { content: '// '; color: var(--text-muted); font-weight: 400;
                                           text-transform: none; letter-spacing: 0; }

[data-theme="terminal"] main img { filter: saturate(0.4) contrast(1.1) brightness(0.9); }

[data-theme="terminal"] main ul         { list-style-type: none; margin-left: 0; }
[data-theme="terminal"] main li::before { content: '▸'; color: var(--link);
                                           margin-right: 0.45rem; font-size: 0.8em; }

[data-theme="terminal"] main a       { color: var(--link); text-decoration: none; }
[data-theme="terminal"] main a:hover { text-decoration: underline; }