@oktis-works/cms 0.10.10 → 0.11.1

package/dist/theme-assets.d.ts

@@ -1,18 +1,14 @@
-/** Manifesto do tema default (`theme.json` = nome canônico lido por runtime, service e CLI). */
+/** Default theme manifest (`theme.json` = canonical name read by runtime, service and CLI). */
 export declare const DEFAULT_THEME_MANIFEST: string;
-/** Estilos básicos do tema default — servido direto de dist/theme.css (sem build). */
-export declare const DEFAULT_THEME_CSS = "/* Tema default do OkCMS \u2014 estilos b\u00E1sicos (servido direto de dist/theme.css) */\n[data-theme=\"default\"]{\n  --brand: #4f46e5;\n  --text: #1f2937;\n  --muted: #6b7280;\n  --surface: #ffffff;\n  --border: #e5e7eb;\n}\n\n[data-theme=\"default\"] *{ box-sizing: border-box; }\n\n[data-theme=\"default\"]{\n  margin: 0;\n  font-family: system-ui, -apple-system, \"Segoe UI\", sans-serif;\n  color: var(--text);\n  background: var(--surface);\n  line-height: 1.6;\n}\n\n[data-theme=\"default\"] main{\n  max-width: 46rem;\n  margin: 0 auto;\n  padding: 2.5rem 1.5rem;\n}\n\n[data-theme=\"default\"] .hero__title{ margin: 0 0 0.5rem; font-size: 2rem; }\n[data-theme=\"default\"] .hero__description{ margin: 0 0 2rem; color: var(--muted); }\n\n[data-theme=\"default\"] .listing{ display: grid; gap: 1rem; }\n[data-theme=\"default\"] .card{ border: 1px solid var(--border); border-radius: 8px; padding: 1rem 1.25rem; }\n[data-theme=\"default\"] .entry__title{ margin: 0 0 0.25rem; font-size: 1.15rem; }\n[data-theme=\"default\"] .entry__title a{ color: var(--brand); text-decoration: none; }\n[data-theme=\"default\"] .entry__title a:hover{ text-decoration: underline; }\n[data-theme=\"default\"] .entry__excerpt{ margin: 0; color: var(--muted); }\n\n[data-theme=\"default\"] .entry__header{ margin-bottom: 1.5rem; }\n[data-theme=\"default\"] .entry__cover{ max-width: 100%; border-radius: 8px; margin: 1rem 0; }\n[data-theme=\"default\"] .entry__body{ font-size: 1.05rem; }\n[data-theme=\"default\"] .entry__date{ color: var(--muted); font-size: 0.85rem; }\n\n[data-theme=\"default\"] .not-found__code{ margin: 0; font-size: 4rem; color: var(--brand); }\n[data-theme=\"default\"] .not-found__message{ color: var(--muted); }\n";
-/**
- * Templates da hierarquia (formato do runtime: `*.astro` NA RAIZ do tema,
- * sintaxe `{{var}}` / `{{{raw}}}` / `{{#each}}` / `{{#if}}`).
- */
+/** Default theme design system — served straight from dist/theme.css (no build). */
+export declare const DEFAULT_THEME_CSS = "/* OkCMS default theme \u2014 design system (served straight from dist/theme.css) */\n[data-theme=\"default\"]{\n  --brand: #4f46e5;\n  --brand-strong: #4338ca;\n  --brand-soft: #eef2ff;\n  --text: #111827;\n  --muted: #6b7280;\n  --surface: #ffffff;\n  --bg: #f9fafb;\n  --border: #e5e7eb;\n  --border-strong: #d1d5db;\n  --radius: 12px;\n  --radius-sm: 8px;\n  --shadow-sm: 0 1px 2px rgba(17,24,39,.06);\n  --shadow-md: 0 6px 20px rgba(17,24,39,.08);\n  --shadow-lg: 0 16px 40px rgba(17,24,39,.14);\n}\n\n[data-theme=\"default\"] *,[data-theme=\"default\"] *::before,[data-theme=\"default\"] *::after{ box-sizing: border-box; }\n\n[data-theme=\"default\"]{\n  margin: 0;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--text);\n  background: var(--bg);\n  line-height: 1.65;\n  -webkit-font-smoothing: antialiased;\n}\n\n[data-theme=\"default\"] a{ color: var(--brand); text-decoration: none; }\n[data-theme=\"default\"] a:hover{ color: var(--brand-strong); }\n[data-theme=\"default\"] img{ max-width: 100%; border-radius: var(--radius-sm); }\n\n[data-theme=\"default\"] .container{ max-width: 72rem; margin: 0 auto; padding: 0 1.25rem; }\n\n/* ---------- Header ---------- */\n[data-theme=\"default\"] .site-header{\n  position: sticky; top: 0; z-index: 20;\n  background: rgba(255,255,255,.86);\n  backdrop-filter: blur(10px);\n  border-bottom: 1px solid var(--border);\n}\n[data-theme=\"default\"] .site-header__inner{\n  display: flex; align-items: center; justify-content: space-between;\n  gap: 1rem; min-height: 3.75rem; flex-wrap: wrap; padding-top: .5rem; padding-bottom: .5rem;\n}\n[data-theme=\"default\"] .site-brand{\n  font-weight: 800; font-size: 1.15rem; letter-spacing: -.02em; color: var(--text);\n  display: inline-flex; align-items: center; gap: .5rem;\n}\n[data-theme=\"default\"] .site-brand::before{\n  content: \"\"; width: .65rem; height: .65rem; border-radius: 999px;\n  background: linear-gradient(135deg, var(--brand), #8b5cf6);\n}\n[data-theme=\"default\"] .site-brand:hover{ color: var(--text); }\n[data-theme=\"default\"] .site-nav{ display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; }\n[data-theme=\"default\"] .site-nav__link{\n  padding: .45rem .85rem; border-radius: 999px; color: var(--muted); font-weight: 500; font-size: .95rem;\n}\n[data-theme=\"default\"] .site-nav__link:hover{ color: var(--brand); background: var(--brand-soft); }\n\n/* ---------- Hero ---------- */\n[data-theme=\"default\"] .hero{\n  position: relative; overflow: hidden;\n  background: linear-gradient(135deg, #4f46e5 0%, #6d28d9 55%, #7c3aed 100%);\n  color: #fff; text-align: center;\n  padding: 5rem 1.5rem 5.5rem;\n}\n[data-theme=\"default\"] .hero::after{\n  content: \"\"; position: absolute; inset: auto -10% -60% -10%; height: 70%;\n  background: var(--bg); border-radius: 50% 50% 0 0;\n}\n[data-theme=\"default\"] .hero > *{ position: relative; z-index: 1; }\n[data-theme=\"default\"] .hero__kicker{\n  margin: 0 0 .75rem; text-transform: uppercase; letter-spacing: .18em;\n  font-size: .78rem; font-weight: 700; color: rgba(255,255,255,.75);\n}\n[data-theme=\"default\"] .hero__title{\n  margin: 0 0 1rem; font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.12; letter-spacing: -.03em; font-weight: 800;\n}\n[data-theme=\"default\"] .hero__description{\n  margin: 0 auto 1.75rem; max-width: 42rem; font-size: 1.1rem; color: rgba(255,255,255,.85);\n}\n[data-theme=\"default\"] .hero__actions{ display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }\n[data-theme=\"default\"] .hero--compact{ padding: 3.25rem 1.5rem 4rem; }\n\n/* ---------- Buttons ---------- */\n[data-theme=\"default\"] .btn{\n  display: inline-flex; align-items: center; gap: .5rem;\n  padding: .7rem 1.4rem; border-radius: 999px; font-weight: 600; font-size: .98rem;\n  border: 1px solid transparent; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease;\n}\n[data-theme=\"default\"] .btn:hover{ transform: translateY(-1px); }\n[data-theme=\"default\"] .btn--primary{ background: #fff; color: var(--brand-strong); box-shadow: var(--shadow-md); }\n[data-theme=\"default\"] .btn--primary:hover{ background: var(--brand-soft); color: var(--brand-strong); }\n[data-theme=\"default\"] .btn--ghost{ background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.45); }\n[data-theme=\"default\"] .btn--ghost:hover{ background: rgba(255,255,255,.22); color: #fff; }\n[data-theme=\"default\"] .btn--outline{ background: transparent; color: var(--brand); border-color: var(--border-strong); }\n[data-theme=\"default\"] .btn--outline:hover{ background: var(--brand-soft); border-color: var(--brand); }\n\n/* ---------- Sections ---------- */\n[data-theme=\"default\"] .site-main{ min-height: 60vh; }\n[data-theme=\"default\"] .section{ max-width: 72rem; margin: 0 auto; padding: 3.5rem 1.25rem; }\n[data-theme=\"default\"] .section__kicker{\n  margin: 0 0 .5rem; text-transform: uppercase; letter-spacing: .16em;\n  font-size: .74rem; font-weight: 700; color: var(--brand);\n}\n[data-theme=\"default\"] .section__title{\n  margin: 0 0 .75rem; font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.02em; font-weight: 800;\n}\n[data-theme=\"default\"] .section__lead{ margin: 0 0 1rem; color: var(--muted); font-size: 1.05rem; max-width: 46rem; }\n[data-theme=\"default\"] .section__more{ font-weight: 600; }\n[data-theme=\"default\"] .section--tight{ padding: 2.25rem 1.25rem; }\n[data-theme=\"default\"] .section__head{\n  display: flex; align-items: baseline; justify-content: space-between;\n  gap: 1rem; flex-wrap: wrap; margin-bottom: 1.75rem;\n}\n\n/* ---------- Cards / listings ---------- */\n[data-theme=\"default\"] .cards{\n  display: grid; gap: 1.25rem;\n  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));\n}\n[data-theme=\"default\"] .card{\n  display: flex; flex-direction: column; gap: .5rem;\n  background: var(--surface); border: 1px solid var(--border);\n  border-radius: var(--radius); padding: 1.4rem 1.4rem 1.2rem; box-shadow: var(--shadow-sm);\n  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n}\n[data-theme=\"default\"] .card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--border-strong); }\n[data-theme=\"default\"] .card__date{ font-size: .8rem; color: var(--muted); }\n[data-theme=\"default\"] .card__title{ margin: 0; font-size: 1.12rem; line-height: 1.35; }\n[data-theme=\"default\"] .card__title a{ color: var(--text); }\n[data-theme=\"default\"] .card__title a:hover{ color: var(--brand); }\n[data-theme=\"default\"] .card__excerpt{ margin: 0; color: var(--muted); font-size: .95rem; }\n[data-theme=\"default\"] .card__more{\n  margin-top: auto; padding-top: .4rem; font-weight: 600; font-size: .92rem; color: var(--brand);\n}\n[data-theme=\"default\"] .listing{ display: grid; gap: 1rem; }\n\n/* ---------- Entries (single / page) ---------- */\n[data-theme=\"default\"] .entry{\n  max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem 4rem;\n}\n[data-theme=\"default\"] .entry__header{ margin-bottom: 1.75rem; }\n[data-theme=\"default\"] .entry__kicker{\n  margin: 0 0 .5rem; text-transform: uppercase; letter-spacing: .16em;\n  font-size: .74rem; font-weight: 700; color: var(--brand);\n}\n[data-theme=\"default\"] .entry__title{\n  margin: 0 0 .5rem; font-size: clamp(1.75rem, 4vw, 2.5rem); letter-spacing: -.025em; line-height: 1.15; font-weight: 800;\n}\n[data-theme=\"default\"] .entry__meta{ display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; color: var(--muted); font-size: .9rem; }\n[data-theme=\"default\"] .entry__cover{ width: 100%; border-radius: var(--radius); margin: 1rem 0; box-shadow: var(--shadow-sm); }\n[data-theme=\"default\"] .entry__body{ font-size: 1.06rem; }\n[data-theme=\"default\"] .entry__body h2{ font-size: 1.5rem; letter-spacing: -.01em; margin: 2rem 0 .75rem; }\n[data-theme=\"default\"] .entry__body h3{ font-size: 1.2rem; margin: 1.5rem 0 .5rem; }\n[data-theme=\"default\"] .entry__body p{ margin: 0 0 1rem; color: #374151; }\n[data-theme=\"default\"] .entry__body a{ text-decoration: underline; text-underline-offset: 3px; }\n[data-theme=\"default\"] .entry__body blockquote{\n  margin: 1.5rem 0; padding: .75rem 1.25rem; border-left: 3px solid var(--brand);\n  background: var(--brand-soft); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; color: #374151;\n}\n[data-theme=\"default\"] .entry__body pre{\n  background: #0f172a; color: #e2e8f0; padding: 1rem 1.25rem; border-radius: var(--radius-sm);\n  overflow: auto; font-size: .9rem;\n}\n[data-theme=\"default\"] .entry__body code{ background: var(--brand-soft); border-radius: 4px; padding: .1rem .35rem; }\n[data-theme=\"default\"] .entry__body pre code{ background: transparent; padding: 0; }\n[data-theme=\"default\"] .entry__terms{ display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; }\n[data-theme=\"default\"] .badge{\n  display: inline-block; padding: .25rem .7rem; border-radius: 999px;\n  background: var(--brand-soft); color: var(--brand-strong); font-size: .8rem; font-weight: 600;\n}\n[data-theme=\"default\"] .entry__footer{\n  margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border);\n  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;\n  color: var(--muted); font-size: .92rem;\n}\n[data-theme=\"default\"] .entry__back{ font-weight: 600; }\n\n/* ---------- Home body sections (seeded content) ---------- */\n[data-theme=\"default\"] .about-preview{\n  display: grid; gap: 1.5rem; grid-template-columns: 1.2fr .8fr; align-items: start;\n}\n[data-theme=\"default\"] .about-preview .section__more{ display: inline-block; }\n[data-theme=\"default\"] .contact{\n  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n  box-shadow: var(--shadow-sm);\n}\n[data-theme=\"default\"] .contact .section__lead a{ font-weight: 600; }\n\n/* ---------- Archive ---------- */\n[data-theme=\"default\"] .archive-header{\n  background: linear-gradient(135deg, #4f46e5 0%, #6d28d9 60%, #7c3aed 100%);\n  color: #fff; text-align: center; padding: 3.25rem 1.5rem 4rem;\n}\n[data-theme=\"default\"] .archive-header__title{ margin: 0 0 .4rem; font-size: clamp(1.7rem, 4vw, 2.4rem); letter-spacing: -.02em; font-weight: 800; }\n[data-theme=\"default\"] .archive-header__description{ margin: 0; color: rgba(255,255,255,.85); }\n[data-theme=\"default\"] .archive-header + .section{ margin-top: -1.5rem; }\n[data-theme=\"default\"] .archive-header + .section .card{ background: var(--surface); }\n\n/* ---------- Empty state ---------- */\n[data-theme=\"default\"] .empty{\n  text-align: center; color: var(--muted); padding: 2.5rem 1rem;\n  border: 1px dashed var(--border-strong); border-radius: var(--radius); background: var(--surface);\n}\n\n/* ---------- 404 ---------- */\n[data-theme=\"default\"] .not-found{ text-align: center; padding: 5rem 1.5rem; }\n[data-theme=\"default\"] .not-found__code{\n  margin: 0 0 .5rem; font-size: 5rem; font-weight: 800; letter-spacing: -.04em;\n  background: linear-gradient(135deg, var(--brand), #8b5cf6);\n  -webkit-background-clip: text; background-clip: text; color: transparent;\n}\n[data-theme=\"default\"] .not-found__message{ margin: 0 0 1.5rem; color: var(--muted); font-size: 1.1rem; }\n\n/* ---------- Footer ---------- */\n[data-theme=\"default\"] .site-footer{\n  background: #111827; color: #d1d5db; margin-top: 4rem;\n}\n[data-theme=\"default\"] .site-footer__inner{\n  display: flex; justify-content: space-between; gap: 2rem; flex-wrap: wrap;\n  padding-top: 2.75rem; padding-bottom: 1.5rem;\n}\n[data-theme=\"default\"] .site-footer__title{ margin: 0 0 .35rem; color: #fff; font-weight: 700; font-size: 1.05rem; }\n[data-theme=\"default\"] .site-footer__description{ margin: 0; max-width: 24rem; color: #9ca3af; font-size: .93rem; }\n[data-theme=\"default\"] .site-footer__nav{ display: flex; flex-direction: column; gap: .45rem; }\n[data-theme=\"default\"] .site-footer__link{ color: #d1d5db; font-size: .95rem; }\n[data-theme=\"default\"] .site-footer__link:hover{ color: #fff; }\n[data-theme=\"default\"] .site-footer__bottom{ border-top: 1px solid rgba(255,255,255,.1); }\n[data-theme=\"default\"] .site-footer__copyright{\n  margin: 0; padding: 1.1rem 0; text-align: center; color: #9ca3af; font-size: .85rem;\n}\n\n/* ---------- Responsive ---------- */\n@media (max-width: 860px){\n  [data-theme=\"default\"] .about-preview{ grid-template-columns: 1fr; }\n  [data-theme=\"default\"] .hero{ padding: 4rem 1.25rem 4.5rem; }\n}\n@media (max-width: 560px){\n  [data-theme=\"default\"] .site-header__inner{ justify-content: center; }\n  [data-theme=\"default\"] .site-nav{ justify-content: center; }\n  [data-theme=\"default\"] .hero{ padding: 3.25rem 1rem 3.75rem; }\n  [data-theme=\"default\"] .section{ padding: 2.5rem 1rem; }\n  [data-theme=\"default\"] .cards{ grid-template-columns: 1fr; }\n}\n";
 export declare const THEME_TEMPLATE_FILES: Record<string, string>;
-/** Tema default completo gravado pelo `okcms init` (caminhos relativos a themes/default/). */
+/** Complete default theme written by `okcms init` (paths relative to themes/default/). */
 export declare const DEFAULT_THEME_FILES: Record<string, string>;
 /**
- * Arquivos BINÁRIOS do tema default: gravados com Buffer decodificado do
- * base64 (writeFile de string corromperia o PNG). Mesma regra de re-init —
- * nunca sobrescreve um arquivo já presente.
+ * BINARY files of the default theme: written with a Buffer decoded from
+ * base64 (writing a string would corrupt the PNG). Same re-init rule —
+ * never overwrites a file that is already present.
  */
 export declare const DEFAULT_THEME_BINARY_FILES: Record<string, string>;
 //# sourceMappingURL=theme-assets.d.ts.map

package/dist/theme-assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-assets.d.ts","sourceRoot":"","sources":["../src/theme-assets.ts"],"names":[],"mappings":"AAQA,gGAAgG;AAChG,eAAO,MAAM,sBAAsB,QA8BlC,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,iBAAiB,usDA0C7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqHvD,CAAC;AA8BF,8FAA8F;AAC9F,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAItD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE7D,CAAC"}
+{"version":3,"file":"theme-assets.d.ts","sourceRoot":"","sources":["../src/theme-assets.ts"],"names":[],"mappings":"AAUA,+FAA+F;AAC/F,eAAO,MAAM,sBAAsB,QA8BlC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,4tZAuP7B,CAAC;AAkEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA+IvD,CAAC;AA8BF,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAItD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE7D,CAAC"}

package/dist/theme-assets.js

@@ -1,204 +1,493 @@
-// @oktis-works/cms - Templates do tema default embutidos no CLI
+// @oktis-works/cms - Default theme templates embedded in the CLI
 //
-// O `okcms init` copia estes arquivos para `themes/default/` do projeto novo:
-// o site já renderiza de cara (templates .astro na raiz + dist/theme.css
-// servido direto). Mantidos em string porque o package publica só `dist/`.
+// `okcms init` writes these files into the new project's `themes/default/`:
+// the site renders out of the box (root-level .astro templates + dist/theme.css
+// served directly). Kept as strings because the package publishes only `dist/`.
+// The renderer supports: {{var}} / {{{raw}}} / {{#if x}} / {{#each path}} —
+// no {{else}} and no @index, so templates are written within that syntax.
 import { CMS_VERSION } from '@oktis-works/validation';
-/** Manifesto do tema default (`theme.json` = nome canônico lido por runtime, service e CLI). */
+/** Default theme manifest (`theme.json` = canonical name read by runtime, service and CLI). */
 export const DEFAULT_THEME_MANIFEST = `${JSON.stringify({
     name: 'default',
-    version: '0.1.0',
-    description: 'Tema padrão do OkCMS — templates hierárquicos com interpolação real de conteúdo',
+    version: '0.2.0',
+    description: 'OkCMS default theme — responsive hierarchical templates with real content interpolation',
     type: 'theme',
     author: 'Oktis Works',
-    // Contrato BUSI-022: exigido pelo theme:install via API. Sem o range,
-    // o tema default seria rejeitado na instalação explícita. Derivado do
-    // CMS_VERSION (fonte única) — nunca literal, senão dessincroniza.
+    // BUSI-022 contract: required by theme:install through the API. Without the
+    // range the default theme would be rejected on explicit install. Derived
+    // from CMS_VERSION (single source) — never a literal.
     compatibility: { okcms: `^${CMS_VERSION}` },
-    // Preview do card na tela Temas do admin (servido por /themes/default/).
+    // Preview card on the admin Themes screen (served from /themes/default/).
     screenshots: ['screenshot.png'],
     provides: {
-        layouts: ['home', 'index', 'single', 'page', 'archive', '404'],
+        layouts: ['front-page', 'home', 'index', 'single', 'page', 'archive', '404'],
         assets: ['dist/theme.css'],
     },
     stylesConfig: {
         engine: 'css',
-        // CSS commitado já escopado — o tema assume o isolamento (BUSI-040)
+        // Committed CSS already scoped — the theme owns its isolation (BUSI-040)
         isolation: 'manual',
     },
     settings: [
-        { name: 'siteTitle', type: 'text', label: 'Título do site', default: 'OkCMS' },
-        { name: 'siteDescription', type: 'text', label: 'Descrição do site', default: '' },
+        { name: 'siteTitle', type: 'text', label: 'Site title', default: 'OkCMS' },
+        { name: 'siteDescription', type: 'text', label: 'Site description', default: '' },
     ],
 }, null, 2)}
 `;
-/** Estilos básicos do tema default — servido direto de dist/theme.css (sem build). */
-export const DEFAULT_THEME_CSS = `/* Tema default do OkCMS — estilos básicos (servido direto de dist/theme.css) */
+/** Default theme design system — served straight from dist/theme.css (no build). */
+export const DEFAULT_THEME_CSS = `/* OkCMS default theme — design system (served straight from dist/theme.css) */
 [data-theme="default"]{
   --brand: #4f46e5;
-  --text: #1f2937;
+  --brand-strong: #4338ca;
+  --brand-soft: #eef2ff;
+  --text: #111827;
   --muted: #6b7280;
   --surface: #ffffff;
+  --bg: #f9fafb;
   --border: #e5e7eb;
+  --border-strong: #d1d5db;
+  --radius: 12px;
+  --radius-sm: 8px;
+  --shadow-sm: 0 1px 2px rgba(17,24,39,.06);
+  --shadow-md: 0 6px 20px rgba(17,24,39,.08);
+  --shadow-lg: 0 16px 40px rgba(17,24,39,.14);
 }
 
-[data-theme="default"] *{ box-sizing: border-box; }
+[data-theme="default"] *,[data-theme="default"] *::before,[data-theme="default"] *::after{ box-sizing: border-box; }
 
 [data-theme="default"]{
   margin: 0;
-  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
   color: var(--text);
-  background: var(--surface);
-  line-height: 1.6;
+  background: var(--bg);
+  line-height: 1.65;
+  -webkit-font-smoothing: antialiased;
 }
 
-[data-theme="default"] main{
-  max-width: 46rem;
-  margin: 0 auto;
-  padding: 2.5rem 1.5rem;
+[data-theme="default"] a{ color: var(--brand); text-decoration: none; }
+[data-theme="default"] a:hover{ color: var(--brand-strong); }
+[data-theme="default"] img{ max-width: 100%; border-radius: var(--radius-sm); }
+
+[data-theme="default"] .container{ max-width: 72rem; margin: 0 auto; padding: 0 1.25rem; }
+
+/* ---------- Header ---------- */
+[data-theme="default"] .site-header{
+  position: sticky; top: 0; z-index: 20;
+  background: rgba(255,255,255,.86);
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid var(--border);
+}
+[data-theme="default"] .site-header__inner{
+  display: flex; align-items: center; justify-content: space-between;
+  gap: 1rem; min-height: 3.75rem; flex-wrap: wrap; padding-top: .5rem; padding-bottom: .5rem;
+}
+[data-theme="default"] .site-brand{
+  font-weight: 800; font-size: 1.15rem; letter-spacing: -.02em; color: var(--text);
+  display: inline-flex; align-items: center; gap: .5rem;
+}
+[data-theme="default"] .site-brand::before{
+  content: ""; width: .65rem; height: .65rem; border-radius: 999px;
+  background: linear-gradient(135deg, var(--brand), #8b5cf6);
+}
+[data-theme="default"] .site-brand:hover{ color: var(--text); }
+[data-theme="default"] .site-nav{ display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; }
+[data-theme="default"] .site-nav__link{
+  padding: .45rem .85rem; border-radius: 999px; color: var(--muted); font-weight: 500; font-size: .95rem;
+}
+[data-theme="default"] .site-nav__link:hover{ color: var(--brand); background: var(--brand-soft); }
+
+/* ---------- Hero ---------- */
+[data-theme="default"] .hero{
+  position: relative; overflow: hidden;
+  background: linear-gradient(135deg, #4f46e5 0%, #6d28d9 55%, #7c3aed 100%);
+  color: #fff; text-align: center;
+  padding: 5rem 1.5rem 5.5rem;
+}
+[data-theme="default"] .hero::after{
+  content: ""; position: absolute; inset: auto -10% -60% -10%; height: 70%;
+  background: var(--bg); border-radius: 50% 50% 0 0;
+}
+[data-theme="default"] .hero > *{ position: relative; z-index: 1; }
+[data-theme="default"] .hero__kicker{
+  margin: 0 0 .75rem; text-transform: uppercase; letter-spacing: .18em;
+  font-size: .78rem; font-weight: 700; color: rgba(255,255,255,.75);
+}
+[data-theme="default"] .hero__title{
+  margin: 0 0 1rem; font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.12; letter-spacing: -.03em; font-weight: 800;
 }
+[data-theme="default"] .hero__description{
+  margin: 0 auto 1.75rem; max-width: 42rem; font-size: 1.1rem; color: rgba(255,255,255,.85);
+}
+[data-theme="default"] .hero__actions{ display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }
+[data-theme="default"] .hero--compact{ padding: 3.25rem 1.5rem 4rem; }
+
+/* ---------- Buttons ---------- */
+[data-theme="default"] .btn{
+  display: inline-flex; align-items: center; gap: .5rem;
+  padding: .7rem 1.4rem; border-radius: 999px; font-weight: 600; font-size: .98rem;
+  border: 1px solid transparent; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
+}
+[data-theme="default"] .btn:hover{ transform: translateY(-1px); }
+[data-theme="default"] .btn--primary{ background: #fff; color: var(--brand-strong); box-shadow: var(--shadow-md); }
+[data-theme="default"] .btn--primary:hover{ background: var(--brand-soft); color: var(--brand-strong); }
+[data-theme="default"] .btn--ghost{ background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.45); }
+[data-theme="default"] .btn--ghost:hover{ background: rgba(255,255,255,.22); color: #fff; }
+[data-theme="default"] .btn--outline{ background: transparent; color: var(--brand); border-color: var(--border-strong); }
+[data-theme="default"] .btn--outline:hover{ background: var(--brand-soft); border-color: var(--brand); }
 
-[data-theme="default"] .hero__title{ margin: 0 0 0.5rem; font-size: 2rem; }
-[data-theme="default"] .hero__description{ margin: 0 0 2rem; color: var(--muted); }
+/* ---------- Sections ---------- */
+[data-theme="default"] .site-main{ min-height: 60vh; }
+[data-theme="default"] .section{ max-width: 72rem; margin: 0 auto; padding: 3.5rem 1.25rem; }
+[data-theme="default"] .section__kicker{
+  margin: 0 0 .5rem; text-transform: uppercase; letter-spacing: .16em;
+  font-size: .74rem; font-weight: 700; color: var(--brand);
+}
+[data-theme="default"] .section__title{
+  margin: 0 0 .75rem; font-size: clamp(1.5rem, 3vw, 2rem); letter-spacing: -.02em; font-weight: 800;
+}
+[data-theme="default"] .section__lead{ margin: 0 0 1rem; color: var(--muted); font-size: 1.05rem; max-width: 46rem; }
+[data-theme="default"] .section__more{ font-weight: 600; }
+[data-theme="default"] .section--tight{ padding: 2.25rem 1.25rem; }
+[data-theme="default"] .section__head{
+  display: flex; align-items: baseline; justify-content: space-between;
+  gap: 1rem; flex-wrap: wrap; margin-bottom: 1.75rem;
+}
 
+/* ---------- Cards / listings ---------- */
+[data-theme="default"] .cards{
+  display: grid; gap: 1.25rem;
+  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
+}
+[data-theme="default"] .card{
+  display: flex; flex-direction: column; gap: .5rem;
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: var(--radius); padding: 1.4rem 1.4rem 1.2rem; box-shadow: var(--shadow-sm);
+  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
+}
+[data-theme="default"] .card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--border-strong); }
+[data-theme="default"] .card__date{ font-size: .8rem; color: var(--muted); }
+[data-theme="default"] .card__title{ margin: 0; font-size: 1.12rem; line-height: 1.35; }
+[data-theme="default"] .card__title a{ color: var(--text); }
+[data-theme="default"] .card__title a:hover{ color: var(--brand); }
+[data-theme="default"] .card__excerpt{ margin: 0; color: var(--muted); font-size: .95rem; }
+[data-theme="default"] .card__more{
+  margin-top: auto; padding-top: .4rem; font-weight: 600; font-size: .92rem; color: var(--brand);
+}
 [data-theme="default"] .listing{ display: grid; gap: 1rem; }
-[data-theme="default"] .card{ border: 1px solid var(--border); border-radius: 8px; padding: 1rem 1.25rem; }
-[data-theme="default"] .entry__title{ margin: 0 0 0.25rem; font-size: 1.15rem; }
-[data-theme="default"] .entry__title a{ color: var(--brand); text-decoration: none; }
-[data-theme="default"] .entry__title a:hover{ text-decoration: underline; }
-[data-theme="default"] .entry__excerpt{ margin: 0; color: var(--muted); }
-
-[data-theme="default"] .entry__header{ margin-bottom: 1.5rem; }
-[data-theme="default"] .entry__cover{ max-width: 100%; border-radius: 8px; margin: 1rem 0; }
-[data-theme="default"] .entry__body{ font-size: 1.05rem; }
-[data-theme="default"] .entry__date{ color: var(--muted); font-size: 0.85rem; }
-
-[data-theme="default"] .not-found__code{ margin: 0; font-size: 4rem; color: var(--brand); }
-[data-theme="default"] .not-found__message{ color: var(--muted); }
+
+/* ---------- Entries (single / page) ---------- */
+[data-theme="default"] .entry{
+  max-width: 46rem; margin: 0 auto; padding: 3rem 1.25rem 4rem;
+}
+[data-theme="default"] .entry__header{ margin-bottom: 1.75rem; }
+[data-theme="default"] .entry__kicker{
+  margin: 0 0 .5rem; text-transform: uppercase; letter-spacing: .16em;
+  font-size: .74rem; font-weight: 700; color: var(--brand);
+}
+[data-theme="default"] .entry__title{
+  margin: 0 0 .5rem; font-size: clamp(1.75rem, 4vw, 2.5rem); letter-spacing: -.025em; line-height: 1.15; font-weight: 800;
+}
+[data-theme="default"] .entry__meta{ display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; color: var(--muted); font-size: .9rem; }
+[data-theme="default"] .entry__cover{ width: 100%; border-radius: var(--radius); margin: 1rem 0; box-shadow: var(--shadow-sm); }
+[data-theme="default"] .entry__body{ font-size: 1.06rem; }
+[data-theme="default"] .entry__body h2{ font-size: 1.5rem; letter-spacing: -.01em; margin: 2rem 0 .75rem; }
+[data-theme="default"] .entry__body h3{ font-size: 1.2rem; margin: 1.5rem 0 .5rem; }
+[data-theme="default"] .entry__body p{ margin: 0 0 1rem; color: #374151; }
+[data-theme="default"] .entry__body a{ text-decoration: underline; text-underline-offset: 3px; }
+[data-theme="default"] .entry__body blockquote{
+  margin: 1.5rem 0; padding: .75rem 1.25rem; border-left: 3px solid var(--brand);
+  background: var(--brand-soft); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; color: #374151;
+}
+[data-theme="default"] .entry__body pre{
+  background: #0f172a; color: #e2e8f0; padding: 1rem 1.25rem; border-radius: var(--radius-sm);
+  overflow: auto; font-size: .9rem;
+}
+[data-theme="default"] .entry__body code{ background: var(--brand-soft); border-radius: 4px; padding: .1rem .35rem; }
+[data-theme="default"] .entry__body pre code{ background: transparent; padding: 0; }
+[data-theme="default"] .entry__terms{ display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1rem; }
+[data-theme="default"] .badge{
+  display: inline-block; padding: .25rem .7rem; border-radius: 999px;
+  background: var(--brand-soft); color: var(--brand-strong); font-size: .8rem; font-weight: 600;
+}
+[data-theme="default"] .entry__footer{
+  margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border);
+  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
+  color: var(--muted); font-size: .92rem;
+}
+[data-theme="default"] .entry__back{ font-weight: 600; }
+
+/* ---------- Home body sections (seeded content) ---------- */
+[data-theme="default"] .about-preview{
+  display: grid; gap: 1.5rem; grid-template-columns: 1.2fr .8fr; align-items: start;
+}
+[data-theme="default"] .about-preview .section__more{ display: inline-block; }
+[data-theme="default"] .contact{
+  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
+  box-shadow: var(--shadow-sm);
+}
+[data-theme="default"] .contact .section__lead a{ font-weight: 600; }
+
+/* ---------- Archive ---------- */
+[data-theme="default"] .archive-header{
+  background: linear-gradient(135deg, #4f46e5 0%, #6d28d9 60%, #7c3aed 100%);
+  color: #fff; text-align: center; padding: 3.25rem 1.5rem 4rem;
+}
+[data-theme="default"] .archive-header__title{ margin: 0 0 .4rem; font-size: clamp(1.7rem, 4vw, 2.4rem); letter-spacing: -.02em; font-weight: 800; }
+[data-theme="default"] .archive-header__description{ margin: 0; color: rgba(255,255,255,.85); }
+[data-theme="default"] .archive-header + .section{ margin-top: -1.5rem; }
+[data-theme="default"] .archive-header + .section .card{ background: var(--surface); }
+
+/* ---------- Empty state ---------- */
+[data-theme="default"] .empty{
+  text-align: center; color: var(--muted); padding: 2.5rem 1rem;
+  border: 1px dashed var(--border-strong); border-radius: var(--radius); background: var(--surface);
+}
+
+/* ---------- 404 ---------- */
+[data-theme="default"] .not-found{ text-align: center; padding: 5rem 1.5rem; }
+[data-theme="default"] .not-found__code{
+  margin: 0 0 .5rem; font-size: 5rem; font-weight: 800; letter-spacing: -.04em;
+  background: linear-gradient(135deg, var(--brand), #8b5cf6);
+  -webkit-background-clip: text; background-clip: text; color: transparent;
+}
+[data-theme="default"] .not-found__message{ margin: 0 0 1.5rem; color: var(--muted); font-size: 1.1rem; }
+
+/* ---------- Footer ---------- */
+[data-theme="default"] .site-footer{
+  background: #111827; color: #d1d5db; margin-top: 4rem;
+}
+[data-theme="default"] .site-footer__inner{
+  display: flex; justify-content: space-between; gap: 2rem; flex-wrap: wrap;
+  padding-top: 2.75rem; padding-bottom: 1.5rem;
+}
+[data-theme="default"] .site-footer__title{ margin: 0 0 .35rem; color: #fff; font-weight: 700; font-size: 1.05rem; }
+[data-theme="default"] .site-footer__description{ margin: 0; max-width: 24rem; color: #9ca3af; font-size: .93rem; }
+[data-theme="default"] .site-footer__nav{ display: flex; flex-direction: column; gap: .45rem; }
+[data-theme="default"] .site-footer__link{ color: #d1d5db; font-size: .95rem; }
+[data-theme="default"] .site-footer__link:hover{ color: #fff; }
+[data-theme="default"] .site-footer__bottom{ border-top: 1px solid rgba(255,255,255,.1); }
+[data-theme="default"] .site-footer__copyright{
+  margin: 0; padding: 1.1rem 0; text-align: center; color: #9ca3af; font-size: .85rem;
+}
+
+/* ---------- Responsive ---------- */
+@media (max-width: 860px){
+  [data-theme="default"] .about-preview{ grid-template-columns: 1fr; }
+  [data-theme="default"] .hero{ padding: 4rem 1.25rem 4.5rem; }
+}
+@media (max-width: 560px){
+  [data-theme="default"] .site-header__inner{ justify-content: center; }
+  [data-theme="default"] .site-nav{ justify-content: center; }
+  [data-theme="default"] .hero{ padding: 3.25rem 1rem 3.75rem; }
+  [data-theme="default"] .section{ padding: 2.5rem 1rem; }
+  [data-theme="default"] .cards{ grid-template-columns: 1fr; }
+}
 `;
 /**
- * Templates da hierarquia (formato do runtime: `*.astro` NA RAIZ do tema,
- * sintaxe `{{var}}` / `{{{raw}}}` / `{{#each}}` / `{{#if}}`).
+ * Templates of the hierarchy (runtime format: `*.astro` at the theme root,
+ * syntax `{{var}}` / `{{{raw}}}` / `{{#each}}` / `{{#if}}`).
+ *
+ * Shared shell: every template renders the same header (brand + `menus.header`)
+ * and footer (`menus.footer`) around its own content, all scoped by the
+ * `[data-theme]` wrapper the stylesheet targets.
  */
-export const THEME_TEMPLATE_FILES = {
-    'home.astro': `<main data-theme="{{site.theme}}" data-template="home">
-  <section class="hero">
-    <h1 class="hero__title">{{site.title}}</h1>
-    {{#if site.description}}
-    <p class="hero__description">{{site.description}}</p>
+/** Header shell (brand + main menu). */
+const HEADER = `<header class="site-header">
+  <div class="container site-header__inner">
+    <a class="site-brand" href="/">{{site.title}}</a>
+    {{#if menus.header}}
+    <nav class="site-nav" aria-label="Main navigation">
+      {{#each menus.header.items}}<a class="site-nav__link" href="{{url}}">{{label}}</a>{{/each}}
+    </nav>
     {{/if}}
-  </section>
-
-  {{#if items}}
-  <section class="listing">
+  </div>
+</header>
+`;
+/** Footer shell (brand + description + footer menu + copyright). */
+const FOOTER = `<footer class="site-footer">
+  <div class="container site-footer__inner">
+    <div class="site-footer__info">
+      <p class="site-footer__title">{{site.title}}</p>
+      {{#if site.description}}<p class="site-footer__description">{{site.description}}</p>{{/if}}
+    </div>
+    {{#if menus.footer}}
+    <nav class="site-footer__nav" aria-label="Footer navigation">
+      {{#each menus.footer.items}}<a class="site-footer__link" href="{{url}}">{{label}}</a>{{/each}}
+    </nav>
+    {{/if}}
+  </div>
+  <div class="container site-footer__bottom">
+    <p class="site-footer__copyright">© {{site.title}} · Powered by OkCMS</p>
+  </div>
+</footer>
+`;
+/** Latest posts grid — fed by `items` (fetched for home/front-page/archive). */
+const POSTS_SECTION = `{{#if items}}
+<section class="section" id="posts">
+  <div class="section__head">
+    <div>
+      <p class="section__kicker">Blog</p>
+      <h2 class="section__title">Latest posts</h2>
+    </div>
+  </div>
+  <div class="cards">
     {{#each items}}
-    <article class="card entry entry--item">
-      <h2 class="entry__title"><a href="/{{slug}}">{{title}}</a></h2>
-      {{#if excerpt}}<p class="entry__excerpt">{{excerpt}}</p>{{/if}}
+    <article class="card">
+      {{#if published_at}}<time class="card__date" datetime="{{published_at}}">{{published_at}}</time>{{/if}}
+      <h3 class="card__title"><a href="/{{slug}}">{{title}}</a></h3>
+      {{#if excerpt}}<p class="card__excerpt">{{excerpt}}</p>{{/if}}
+      <a class="card__more" href="/{{slug}}">Read more →</a>
     </article>
     {{/each}}
-  </section>
-  {{/if}}
-</main>
+  </div>
+</section>
+{{/if}}
+`;
+export const THEME_TEMPLATE_FILES = {
+    // Static front page (Reading Settings → homepage): renders the page body
+    // (seeded hero/about/contact sections) plus the latest posts grid.
+    'front-page.astro': `<div class="site" data-theme="{{site.theme}}" data-template="front-page">
+${HEADER}
+  <main class="site-main">
+    {{#if content.html}}
+    {{{content.html}}}
+    {{/if}}
+${POSTS_SECTION}  </main>
+${FOOTER}</div>
 `,
-    'index.astro': `<main data-theme="{{site.theme}}" data-template="index" data-type="{{page.type}}">
-  <article class="entry">
-    <header class="entry__header">
-      <h1 class="entry__title">{{page.title}}</h1>
+    // Non-static home (no front page configured): hero + latest posts.
+    'home.astro': `<div class="site" data-theme="{{site.theme}}" data-template="home">
+${HEADER}
+  <main class="site-main">
+    <section class="hero">
+      <p class="hero__kicker">Welcome</p>
+      <h1 class="hero__title">{{site.title}}</h1>
       {{#if site.description}}
-      <p class="entry__excerpt">{{site.description}}</p>
+      <p class="hero__description">{{site.description}}</p>
       {{/if}}
-    </header>
-
-    <div class="entry__body">
-      {{#if content.html}}{{{content.html}}}{{/if}}
-      {{#if content.content}}{{{content.content}}}{{/if}}
-      {{#if content.text}}<p>{{content.text}}</p>{{/if}}
-    </div>
-
-    {{#if items}}
-    <section class="listing">
-      {{#each items}}
-      <article class="card entry entry--item">
-        <h2 class="entry__title"><a href="/{{slug}}">{{title}}</a></h2>
-        {{#if excerpt}}<p class="entry__excerpt">{{excerpt}}</p>{{/if}}
-      </article>
-      {{/each}}
+      <div class="hero__actions">
+        <a class="btn btn--primary" href="#posts">Browse posts</a>
+      </div>
     </section>
-    {{/if}}
-  </article>
-</main>
+${POSTS_SECTION}  </main>
+${FOOTER}</div>
 `,
-    'single.astro': `<main data-theme="{{site.theme}}" data-template="single" data-type="{{page.type}}">
-  <article class="entry">
-    <header class="entry__header">
-      <h1 class="entry__title">{{content.title}}</h1>
-      {{#if content.excerpt}}
-      <p class="entry__excerpt">{{content.excerpt}}</p>
+    // Generic fallback: page-ish content + items listing.
+    'index.astro': `<div class="site" data-theme="{{site.theme}}" data-template="index" data-type="{{page.type}}">
+${HEADER}
+  <main class="site-main">
+    <article class="entry">
+      <header class="entry__header">
+        <p class="entry__kicker">{{page.type}}</p>
+        <h1 class="entry__title">{{page.title}}</h1>
+        {{#if site.description}}
+        <p class="entry__meta">{{site.description}}</p>
+        {{/if}}
+      </header>
+      <div class="entry__body">
+        {{#if content.html}}{{{content.html}}}{{/if}}
+        {{#if content.content}}{{{content.content}}}{{/if}}
+        {{#if content.text}}<p>{{content.text}}</p>{{/if}}
+      </div>
+    </article>
+${POSTS_SECTION}  </main>
+${FOOTER}</div>
+`,
+    // Single post: title, date, categories, cover, body, back link.
+    'single.astro': `<div class="site" data-theme="{{site.theme}}" data-template="single" data-type="{{page.type}}">
+${HEADER}
+  <main class="site-main">
+    <article class="entry">
+      <header class="entry__header">
+        <p class="entry__kicker">Post</p>
+        <h1 class="entry__title">{{content.title}}</h1>
+        <div class="entry__meta">
+          {{#if content.published_at}}<time datetime="{{content.published_at}}">{{content.published_at}}</time>{{/if}}
+          {{#if _terms.category}}
+          <span class="entry__terms">
+            {{#each _terms.category}}<span class="badge">{{name}}</span>{{/each}}
+          </span>
+          {{/if}}
+        </div>
+      </header>
+      {{#if content.cover.url}}
+      <img class="entry__cover" src="{{content.cover.url}}" alt="{{content.cover.alt}}" loading="lazy" />
       {{/if}}
       {{#if content.thumbnail.url}}
       <img class="entry__cover" src="{{content.thumbnail.url}}" alt="{{content.thumbnail.alt}}" loading="lazy" />
       {{/if}}
-      {{#if content.cover.url}}
-      <img class="entry__cover" src="{{content.cover.url}}" alt="{{content.cover.alt}}" loading="lazy" />
-      {{/if}}
-    </header>
-
-    <div class="entry__body">
-      {{#if content.html}}{{{content.html}}}{{/if}}
-      {{#if content.content}}{{{content.content}}}{{/if}}
-      {{#if content.text}}<p>{{content.text}}</p>{{/if}}
-    </div>
-
-    <footer class="entry__footer">
-      <time class="entry__date" datetime="{{content.published_at}}">{{content.published_at}}</time>
-    </footer>
-  </article>
-</main>
+      <div class="entry__body">
+        {{#if content.html}}{{{content.html}}}{{/if}}
+        {{#if content.content}}{{{content.content}}}{{/if}}
+        {{#if content.text}}<p>{{content.text}}</p>{{/if}}
+      </div>
+      <footer class="entry__footer">
+        <a class="entry__back" href="/blog">← Back to the blog</a>
+        {{#if content.updated_at}}<span>Updated {{content.updated_at}}</span>{{/if}}
+      </footer>
+    </article>
+  </main>
+${FOOTER}</div>
 `,
-    'page.astro': `<main data-theme="{{site.theme}}" data-template="page" data-type="{{page.type}}">
-  <article class="entry entry--page">
-    <header class="entry__header">
-      <h1 class="entry__title">{{content.title}}</h1>
-    </header>
-
-    <div class="entry__body">
-      {{#if content.html}}{{{content.html}}}{{/if}}
-      {{#if content.content}}{{{content.content}}}{{/if}}
-      {{#if content.text}}<p>{{content.text}}</p>{{/if}}
-    </div>
-  </article>
-</main>
+    // Static page (also the front-page fallback when front-page.astro is absent).
+    'page.astro': `<div class="site" data-theme="{{site.theme}}" data-template="page" data-type="{{page.type}}">
+${HEADER}
+  <main class="site-main">
+    <article class="entry">
+      <header class="entry__header">
+        <p class="entry__kicker">Page</p>
+        <h1 class="entry__title">{{content.title}}</h1>
+      </header>
+      <div class="entry__body">
+        {{#if content.html}}{{{content.html}}}{{/if}}
+        {{#if content.content}}{{{content.content}}}{{/if}}
+        {{#if content.text}}<p>{{content.text}}</p>{{/if}}
+      </div>
+    </article>
+  </main>
+${FOOTER}</div>
 `,
-    'archive.astro': `<main data-theme="{{site.theme}}" data-template="archive" data-type="{{page.type}}">
-  <header class="archive-header">
-    <h1 class="archive-header__title">{{page.title}}</h1>
-    {{#if site.description}}
-    <p class="archive-header__description">{{site.description}}</p>
-    {{/if}}
-  </header>
+    // Archive (post type listing — e.g. the blog page configured as page_for_posts).
+    'archive.astro': `<div class="site" data-theme="{{site.theme}}" data-template="archive" data-type="{{page.type}}">
+${HEADER}
+  <main class="site-main">
+    <header class="archive-header">
+      <h1 class="archive-header__title">{{page.title}}</h1>
+      {{#if site.description}}
+      <p class="archive-header__description">{{site.description}}</p>
+      {{/if}}
+    </header>
 
-  <section class="listing">
-    {{#each items}}
-    <article class="card entry entry--item">
-      <h2 class="entry__title"><a href="/{{slug}}">{{title}}</a></h2>
-      {{#if excerpt}}<p class="entry__excerpt">{{excerpt}}</p>{{/if}}
-      {{#if published_at}}<time class="entry__date" datetime="{{published_at}}">{{published_at}}</time>{{/if}}
-    </article>
-    {{/each}}
-  </section>
-</main>
+    <section class="section section--tight">
+      {{#if items}}
+      <div class="cards">
+        {{#each items}}
+        <article class="card">
+          {{#if published_at}}<time class="card__date" datetime="{{published_at}}">{{published_at}}</time>{{/if}}
+          <h2 class="card__title"><a href="/{{slug}}">{{title}}</a></h2>
+          {{#if excerpt}}<p class="card__excerpt">{{excerpt}}</p>{{/if}}
+          <a class="card__more" href="/{{slug}}">Read more →</a>
+        </article>
+        {{/each}}
+      </div>
+      {{/if}}
+    </section>
+  </main>
+${FOOTER}</div>
 `,
-    '404.astro': `<main data-theme="{{site.theme}}" data-template="404">
-  <section class="not-found">
-    <h1 class="not-found__code">404</h1>
-    <p class="not-found__message">Página não encontrada.</p>
-    <p class="not-found__back"><a href="/">{{site.title}}</a></p>
-  </section>
-</main>
+    '404.astro': `<div class="site" data-theme="{{site.theme}}" data-template="404">
+${HEADER}
+  <main class="site-main">
+    <section class="not-found">
+      <h1 class="not-found__code">404</h1>
+      <p class="not-found__message">Page not found. It may have been moved or deleted.</p>
+      <a class="btn btn--outline" href="/">{{site.title}}</a>
+    </section>
+  </main>
+${FOOTER}</div>
 `,
 };
-/** Screenshot real do tema default (PNG 600×400 — preview no card do admin). */
+/** Real default theme screenshot (PNG 600×400 — preview card in the admin). */
 const DEFAULT_THEME_SCREENSHOT_BASE64 = 'iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAByNR6YAAAIT0lEQVR4nO3WsU0EQQAEwYsOl9gxsLBfGARxJNHPa9gqqf0x57oBAEhdrx4AAPDfOFgAADEH' +
     'CwAg5mABAMQcLACAmIMFABBzsAAAYg4WAEDMwQIAiDlYAAAxBwsAIOZgAQDEHCwAgJiDBQAQc7AAAGIOFgBAzMECAIg5WAAAMQcLACDmYAEAxBwsAICYgwUA' +
     'EHOwAABiDhYAQMzBAgCIOVgAADEHCwAg5mABAMQcLACAmIMFABBzsAAAYg4WAEDMwQIAiDlYAAAxBwsAIOZgAQDEHCwAgJiDBQAQc7AAAGIOFgBAzMECAIg5' +
@@ -224,16 +513,16 @@ const DEFAULT_THEME_SCREENSHOT_BASE64 = 'iVBORw0KGgoAAAANSUhEUgAAAlgAAAGQCAYAAAB
     'ACDmYAEAxBwsAICYgwUAEHOwAABiDhYAQMzBAgCIOVgAADEHCwAg5mABAMQcLACAmIMFABBzsAAAYg4WAEDMwQIAiDlYAAAxBwsAIOZgAQDEHCwAgJiDBQAQ' +
     'c7AAAGIOFgBAzMECAIg5WAAAMQcLACDmYAEAxBwsAICYgwUAEHOwAABiDhYAQMzBAgCIOVgAADEHCwAg5mABAMQcLACAmIMFABBzsAAAYg4WAEDMwQIAiDlY' +
     'AACxXxc1EEhePb4DAAAAAElFTkSuQmCC';
-/** Tema default completo gravado pelo `okcms init` (caminhos relativos a themes/default/). */
+/** Complete default theme written by `okcms init` (paths relative to themes/default/). */
 export const DEFAULT_THEME_FILES = {
     'theme.json': DEFAULT_THEME_MANIFEST,
     ...THEME_TEMPLATE_FILES,
     'dist/theme.css': DEFAULT_THEME_CSS,
 };
 /**
- * Arquivos BINÁRIOS do tema default: gravados com Buffer decodificado do
- * base64 (writeFile de string corromperia o PNG). Mesma regra de re-init —
- * nunca sobrescreve um arquivo já presente.
+ * BINARY files of the default theme: written with a Buffer decoded from
+ * base64 (writing a string would corrupt the PNG). Same re-init rule —
+ * never overwrites a file that is already present.
  */
 export const DEFAULT_THEME_BINARY_FILES = {
     'screenshot.png': DEFAULT_THEME_SCREENSHOT_BASE64,

package/dist/theme-assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-assets.js","sourceRoot":"","sources":["../src/theme-assets.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,EAAE;AACF,8EAA8E;AAC9E,yEAAyE;AACzE,2EAA2E;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,gGAAgG;AAChG,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,IAAI,CAAC,SAAS,CACrD;IACE,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,OAAO;IAChB,WAAW,EAAE,iFAAiF;IAC9F,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,aAAa;IACrB,sEAAsE;IACtE,sEAAsE;IACtE,kEAAkE;IAClE,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,WAAW,EAAE,EAAE;IAC3C,yEAAyE;IACzE,WAAW,EAAE,CAAC,gBAAgB,CAAC;IAC/B,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC;QAC9D,MAAM,EAAE,CAAC,gBAAgB,CAAC;KAC3B;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,KAAK;QACb,oEAAoE;QACpE,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE;QAC9E,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,EAAE,EAAE;KACnF;CACF,EACD,IAAI,EACJ,CAAC,CACF;CACA,CAAC;AAEF,sFAAsF;AACtF,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ChC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA2B;IAC1D,YAAY,EAAE;;;;;;;;;;;;;;;;;;;CAmBf;IACC,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BhB;IACC,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BjB;IACC,YAAY,EAAE;;;;;;;;;;;;;CAaf;IACC,eAAe,EAAE;;;;;;;;;;;;;;;;;;CAkBlB;IACC,WAAW,EAAE;;;;;;;CAOd;CACA,CAAC;AAEF,gFAAgF;AAChF,MAAM,+BAA+B,GACnC,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,kCAAkC,CAAC;AAErC,8FAA8F;AAC9F,MAAM,CAAC,MAAM,mBAAmB,GAA2B;IACzD,YAAY,EAAE,sBAAsB;IACpC,GAAG,oBAAoB;IACvB,gBAAgB,EAAE,iBAAiB;CACpC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAA2B;IAChE,gBAAgB,EAAE,+BAA+B;CAClD,CAAC"}
+{"version":3,"file":"theme-assets.js","sourceRoot":"","sources":["../src/theme-assets.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,EAAE;AACF,4EAA4E;AAC5E,gFAAgF;AAChF,gFAAgF;AAChF,4EAA4E;AAC5E,0EAA0E;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,+FAA+F;AAC/F,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,IAAI,CAAC,SAAS,CACrD;IACE,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,OAAO;IAChB,WAAW,EAAE,yFAAyF;IACtG,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,aAAa;IACrB,4EAA4E;IAC5E,yEAAyE;IACzE,sDAAsD;IACtD,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,WAAW,EAAE,EAAE;IAC3C,0EAA0E;IAC1E,WAAW,EAAE,CAAC,gBAAgB,CAAC;IAC/B,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC;QAC5E,MAAM,EAAE,CAAC,gBAAgB,CAAC;KAC3B;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,KAAK;QACb,yEAAyE;QACzE,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE;QAC1E,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,EAAE;KAClF;CACF,EACD,IAAI,EACJ,CAAC,CACF;CACA,CAAC;AAEF,oFAAoF;AACpF,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuPhC,CAAC;AAEF;;;;;;;GAOG;AAEH,wCAAwC;AACxC,MAAM,MAAM,GAAG;;;;;;;;;;CAUd,CAAC;AAEF,oEAAoE;AACpE,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;CAgBd,CAAC;AAEF,gFAAgF;AAChF,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAA2B;IAC1D,yEAAyE;IACzE,mEAAmE;IACnE,kBAAkB,EAAE;EACpB,MAAM;;;;;EAKN,aAAa;EACb,MAAM;CACP;IACC,mEAAmE;IACnE,YAAY,EAAE;EACd,MAAM;;;;;;;;;;;;EAYN,aAAa;EACb,MAAM;CACP;IACC,sDAAsD;IACtD,aAAa,EAAE;EACf,MAAM;;;;;;;;;;;;;;;;EAgBN,aAAa;EACb,MAAM;CACP;IACC,gEAAgE;IAChE,cAAc,EAAE;EAChB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCN,MAAM;CACP;IACC,8EAA8E;IAC9E,YAAY,EAAE;EACd,MAAM;;;;;;;;;;;;;;EAcN,MAAM;CACP;IACC,iFAAiF;IACjF,eAAe,EAAE;EACjB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;EAwBN,MAAM;CACP;IACC,WAAW,EAAE;EACb,MAAM;;;;;;;;EAQN,MAAM;CACP;CACA,CAAC;AAEF,+EAA+E;AAC/E,MAAM,+BAA+B,GACnC,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,0HAA0H;IAC1H,kCAAkC,CAAC;AAErC,0FAA0F;AAC1F,MAAM,CAAC,MAAM,mBAAmB,GAA2B;IACzD,YAAY,EAAE,sBAAsB;IACpC,GAAG,oBAAoB;IACvB,gBAAgB,EAAE,iBAAiB;CACpC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAA2B;IAChE,gBAAgB,EAAE,+BAA+B;CAClD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oktis-works/cms",
-  "version": "0.10.10",
+  "version": "0.11.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -20,12 +20,12 @@
     "clean": "rm -rf dist migrations tsconfig.tsbuildinfo"
   },
   "dependencies": {
-    "@oktis-works/auth": "^0.7.7",
+    "@oktis-works/auth": "^0.7.8",
     "@oktis-works/config": "^0.6.4",
-    "@oktis-works/core": "^0.11.2",
-    "@oktis-works/database": "^0.12.1",
+    "@oktis-works/core": "^0.11.4",
+    "@oktis-works/database": "^0.13.1",
     "@oktis-works/validation": "^0.7.0",
-    "@oktis-works/theme-runtime": "^0.8.1"
+    "@oktis-works/theme-runtime": "^0.9.0"
   },
   "devDependencies": {
     "typescript": "5.7.3"