sagadeck 1.2.0

package/src/themes.js

@@ -0,0 +1,604 @@
+// Temas do sagadeck.
+//
+// Cada tema define:
+//   colors  – paleta base (hex sem '#', como o PowerPoint gosta)
+//   tones   – "tons" de slide: light | dark | accent | alert. Cada tom remapeia
+//             as variáveis --bg/--fg/--muted/--line/--surface/--hi/--em
+//   faces   – papéis tipográficos (display, heading, body, label, mono, quote).
+//             `css` é o que o navegador usa; `pptx` é a face exata que o PowerPoint
+//             vai usar. Usamos fontes que existem no Windows/Office, então o HTML e
+//             o .pptx ficam iguais na máquina de quem apresenta.
+//   fontFaces – @font-face extras (ex.: Bahnschrift variável com eixo de largura)
+//   deco    – decoração de fundo opcional (grain, grid, none)
+//
+// Temas customizados no YAML: theme: { extends: sinal, colors: { accent: "3DDC97" } }
+
+const SYS_SANS = "'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+const SYS_MONO = "'Cascadia Mono', Consolas, 'SF Mono', Menlo, monospace";
+
+export const THEMES = {
+  sinal: {
+    label: "Sinal — sinalização/segurança: DIN condensada, amarelo de aviso, pictogramas",
+    colors: {
+      paper: "F2F0EB", ink: "121212", accent: "FFC20E", alert: "E4401F",
+      muted: "6F6C66", line: "D6D2C8", surface: "E7E4DC", surfaceDark: "1E1E1E",
+      c1: "FFC20E", c2: "121212", c3: "E4401F", c4: "8C8880", c5: "3F3D39",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "alert", onHi: "ink" },
+      dark: { bg: "ink", fg: "paper", muted: "9C988F", line: "3A3936", surface: "surfaceDark", hi: "accent", em: "accent", onHi: "ink" },
+      accent: { bg: "accent", fg: "ink", muted: "5B4A10", line: "D9A300", surface: "FFD24D", hi: "ink", em: "ink", onHi: "accent" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFD2C6", line: "F07A5E", surface: "C93517", hi: "ink", em: "ink", onHi: "FFFFFF" },
+    },
+    fontFaces: [
+      { family: "SagaDIN", src: "local('Bahnschrift')", weight: "300 700", stretch: "75% 100%" },
+    ],
+    faces: {
+      display: { css: "font-family: SagaDIN, 'Arial Narrow', sans-serif; font-weight: 700; font-stretch: 75%; letter-spacing: -0.005em; line-height: 0.92;", pptx: { face: "Bahnschrift Condensed", bold: true } },
+      heading: { css: "font-family: SagaDIN, Arial, sans-serif; font-weight: 600; font-stretch: 87.5%; letter-spacing: 0; line-height: 1.02;", pptx: { face: "Bahnschrift SemiBold SemiConden" } },
+      body: { css: "font-family: SagaDIN, Arial, sans-serif; font-weight: 400; font-stretch: 100%; line-height: 1.28;", pptx: { face: "Bahnschrift" }, pptxBold: { face: "Bahnschrift SemiBold" } },
+      label: { css: "font-family: SagaDIN, Arial, sans-serif; font-weight: 600; font-stretch: 100%; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Bahnschrift SemiBold" } },
+      mono: { css: `font-family: ${SYS_MONO}; font-weight: 400; line-height: 1.4;`, pptx: { face: "Cascadia Mono" }, pptxBold: { face: "Cascadia Mono SemiBold" } },
+      quote: { css: "font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400; line-height: 1.12; letter-spacing: -0.01em;", pptx: { face: "Georgia", italic: true } },
+    },
+    radius: 14, deco: "grain",
+  },
+
+  editorial: {
+    label: "Editorial — revista: serifada grande, muito branco, um vermelho-tomate",
+    colors: {
+      paper: "FAF9F6", ink: "141414", accent: "E0432B", alert: "E0432B",
+      muted: "6B6A66", line: "DEDBD4", surface: "F0EEE8", surfaceDark: "222222",
+      c1: "E0432B", c2: "141414", c3: "8C8A84", c4: "C9C5BC", c5: "F2A28F",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "F7D9D2", em: "accent", onHi: "ink" },
+      dark: { bg: "ink", fg: "paper", muted: "A09E98", line: "3A3A3A", surface: "surfaceDark", hi: "accent", em: "F26A52", onHi: "FFFFFF" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "FFD9D1", line: "F07A66", surface: "C8361F", hi: "ink", em: "ink", onHi: "FFFFFF" },
+      alert: { bg: "ink", fg: "paper", muted: "A09E98", line: "3A3A3A", surface: "surfaceDark", hi: "accent", em: "F26A52", onHi: "FFFFFF" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -0.025em; line-height: 0.98;", pptx: { face: "Georgia" } },
+      heading: { css: "font-family: Georgia, serif; font-weight: 400; letter-spacing: -0.015em; line-height: 1.05;", pptx: { face: "Georgia" } },
+      body: { css: `font-family: ${SYS_SANS}; font-weight: 400; line-height: 1.34;`, pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: `font-family: ${SYS_SANS}; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.2;`, pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: Georgia, serif; font-style: italic; line-height: 1.12; letter-spacing: -0.015em;", pptx: { face: "Georgia", italic: true } },
+    },
+    radius: 4, deco: "none",
+  },
+
+  noite: {
+    label: "Noite — escuro elegante: Segoe fina, latão, contraste alto",
+    colors: {
+      paper: "0F1115", ink: "EDEBE6", accent: "E4B660", alert: "FF6B57",
+      muted: "8E8C86", line: "2A2D33", surface: "181B21", surfaceDark: "181B21",
+      c1: "E4B660", c2: "EDEBE6", c3: "FF6B57", c4: "6F7C8A", c5: "A99A7A",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "accent", onHi: "0F1115" },
+      dark: { bg: "08090B", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "accent", onHi: "0F1115" },
+      accent: { bg: "accent", fg: "0F1115", muted: "5E4A22", line: "C79A45", surface: "EBC57C", hi: "0F1115", em: "0F1115", onHi: "accent" },
+      alert: { bg: "alert", fg: "0F1115", muted: "5A1E16", line: "E05645", surface: "FF8A7A", hi: "0F1115", em: "0F1115", onHi: "alert" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: `font-family: 'Segoe UI Light', 'Segoe UI', ${SYS_SANS}; font-weight: 300; letter-spacing: -0.03em; line-height: 0.98;`, pptx: { face: "Segoe UI Light" } },
+      heading: { css: `font-family: 'Segoe UI Semibold', 'Segoe UI', ${SYS_SANS}; font-weight: 600; letter-spacing: -0.01em; line-height: 1.08;`, pptx: { face: "Segoe UI Semibold" } },
+      body: { css: `font-family: ${SYS_SANS}; font-weight: 400; line-height: 1.36;`, pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: `font-family: 'Segoe UI Semibold', ${SYS_SANS}; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.2;`, pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: Georgia, serif; font-style: italic; line-height: 1.15;", pptx: { face: "Georgia", italic: true } },
+    },
+    radius: 18, deco: "none",
+  },
+
+  bauhaus: {
+    label: "Bauhaus — geométrico: Century Gothic, vermelho/azul/amarelo primários",
+    colors: {
+      paper: "F3EEE3", ink: "1A1A1A", accent: "D93A2B", alert: "1F4AA8",
+      muted: "6E6A60", line: "D8D1C2", surface: "E8E1D2", surfaceDark: "262626",
+      c1: "D93A2B", c2: "1F4AA8", c3: "F2B33D", c4: "1A1A1A", c5: "9C958A",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "F2B33D", em: "accent", onHi: "ink" },
+      dark: { bg: "ink", fg: "paper", muted: "A7A195", line: "3A3A3A", surface: "surfaceDark", hi: "F2B33D", em: "F2B33D", onHi: "ink" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "FFD6CF", line: "E86C5E", surface: "B92E21", hi: "F2B33D", em: "F2B33D", onHi: "ink" },
+      alert: { bg: "1F4AA8", fg: "FFFFFF", muted: "C9D6F2", line: "4C6FC0", surface: "183C8C", hi: "F2B33D", em: "F2B33D", onHi: "ink" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Century Gothic', 'Futura', sans-serif; font-weight: 700; letter-spacing: -0.03em; line-height: 0.95;", pptx: { face: "Century Gothic", bold: true } },
+      heading: { css: "font-family: 'Century Gothic', 'Futura', sans-serif; font-weight: 700; letter-spacing: -0.01em; line-height: 1.05;", pptx: { face: "Century Gothic", bold: true } },
+      body: { css: "font-family: 'Century Gothic', 'Futura', sans-serif; font-weight: 400; line-height: 1.34;", pptx: { face: "Century Gothic" } },
+      label: { css: "font-family: 'Century Gothic', sans-serif; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Century Gothic", bold: true } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: 'Century Gothic', sans-serif; font-style: italic; line-height: 1.15;", pptx: { face: "Century Gothic", italic: true } },
+    },
+    radius: 0, deco: "none",
+  },
+
+  terminal: {
+    label: "Terminal — dados/tech sem neon: monoespaçada, âmbar, fundo grafite",
+    colors: {
+      paper: "0D0E0D", ink: "DAD6CC", accent: "FFB224", alert: "FF5F4A",
+      muted: "85817A", line: "2A2B29", surface: "171816", surfaceDark: "171816",
+      c1: "FFB224", c2: "DAD6CC", c3: "FF5F4A", c4: "6E8B74", c5: "8A7F6A",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "accent", onHi: "0D0E0D" },
+      dark: { bg: "050505", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "accent", onHi: "0D0E0D" },
+      accent: { bg: "accent", fg: "0D0E0D", muted: "6B4A0A", line: "D9941A", surface: "FFC45A", hi: "0D0E0D", em: "0D0E0D", onHi: "accent" },
+      alert: { bg: "alert", fg: "0D0E0D", muted: "5C1A12", line: "E0503D", surface: "FF7F6D", hi: "0D0E0D", em: "0D0E0D", onHi: "alert" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: `font-family: 'Cascadia Mono SemiBold', 'Cascadia Mono', ${SYS_MONO}; font-weight: 600; letter-spacing: -0.03em; line-height: 1.0;`, pptx: { face: "Cascadia Mono SemiBold" } },
+      heading: { css: `font-family: 'Cascadia Mono SemiBold', 'Cascadia Mono', ${SYS_MONO}; font-weight: 600; letter-spacing: -0.02em; line-height: 1.1;`, pptx: { face: "Cascadia Mono SemiBold" } },
+      body: { css: `font-family: ${SYS_SANS}; font-weight: 400; line-height: 1.36;`, pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: `font-family: ${SYS_MONO}; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2;`, pptx: { face: "Cascadia Mono" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: `font-family: ${SYS_MONO}; font-style: italic; line-height: 1.2;`, pptx: { face: "Cascadia Mono", italic: true } },
+    },
+    radius: 6, deco: "grid",
+  },
+
+  jornal: {
+    label: "Jornal — manchete: Franklin Gothic pesada, papel-jornal, azul-tinta",
+    colors: {
+      paper: "F4F1EA", ink: "111111", accent: "1D5FA8", alert: "C8352B",
+      muted: "66625B", line: "D3CEC3", surface: "E9E5DB", surfaceDark: "1F1F1F",
+      c1: "1D5FA8", c2: "111111", c3: "C8352B", c4: "8E8A82", c5: "7FA7D4",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "D5E3F3", em: "accent", onHi: "ink" },
+      dark: { bg: "ink", fg: "paper", muted: "A29E96", line: "3B3B3B", surface: "surfaceDark", hi: "accent", em: "7FA7D4", onHi: "FFFFFF" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "CFE0F4", line: "4B80BD", surface: "174F8C", hi: "ink", em: "ink", onHi: "FFFFFF" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFD4CF", line: "DE6259", surface: "A62B22", hi: "ink", em: "ink", onHi: "FFFFFF" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Franklin Gothic Heavy', 'Franklin Gothic', 'Arial Black', sans-serif; font-weight: 400; letter-spacing: -0.015em; line-height: 0.94;", pptx: { face: "Franklin Gothic Heavy" } },
+      heading: { css: "font-family: 'Franklin Gothic Demi', 'Franklin Gothic', Arial, sans-serif; font-weight: 400; line-height: 1.05;", pptx: { face: "Franklin Gothic Demi" } },
+      body: { css: "font-family: 'Franklin Gothic Book', 'Franklin Gothic', Arial, sans-serif; font-weight: 400; line-height: 1.32;", pptx: { face: "Franklin Gothic Book" }, pptxBold: { face: "Franklin Gothic Demi" } },
+      label: { css: "font-family: 'Franklin Gothic Demi', Arial, sans-serif; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Franklin Gothic Demi" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: Georgia, serif; font-style: italic; line-height: 1.14;", pptx: { face: "Georgia", italic: true } },
+    },
+    radius: 0, deco: "none",
+  },
+
+  rabisco: {
+    label: "Rabisco — artesanal & lousa: fontes desenhadas à mão, doodles, post-its e traços orgânicos",
+    colors: {
+      paper: "FFFDF6", ink: "2B2824", accent: "FF5C5C", alert: "E84118",
+      muted: "736D65", line: "E5DCCB", surface: "FFF7DB", surfaceDark: "302C28",
+      c1: "FF5C5C", c2: "2E86DE", c3: "FBC531", c4: "4CD137", c5: "9C88FF",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "FBC531", em: "accent", onHi: "ink" },
+      dark: { bg: "ink", fg: "paper", muted: "B0A89C", line: "4A453F", surface: "surfaceDark", hi: "FBC531", em: "accent", onHi: "ink" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "FFD0D0", line: "FF8585", surface: "D93838", hi: "FBC531", em: "ink", onHi: "ink" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFC5B8", line: "FF6E4A", surface: "B82805", hi: "FBC531", em: "ink", onHi: "FFFFFF" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Caveat', 'Patrick Hand', 'Comic Sans MS', 'Ink Free', 'Segoe Print', cursive; font-weight: 700; letter-spacing: 0.01em; line-height: 1.02;", pptx: { face: "Ink Free", bold: true } },
+      heading: { css: "font-family: 'Caveat', 'Patrick Hand', 'Comic Sans MS', 'Ink Free', 'Segoe Print', cursive; font-weight: 700; letter-spacing: 0; line-height: 1.08;", pptx: { face: "Ink Free" } },
+      body: { css: "font-family: 'Patrick Hand', 'Comic Neue', 'Comic Sans MS', 'Segoe UI', cursive, sans-serif; font-weight: 400; line-height: 1.34;", pptx: { face: "Comic Sans MS" }, pptxBold: { face: "Comic Sans MS", bold: true } },
+      label: { css: "font-family: 'Patrick Hand', 'Comic Neue', 'Comic Sans MS', cursive; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Comic Sans MS", bold: true } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: 'Caveat', 'Ink Free', cursive; font-style: normal; font-weight: 700; line-height: 1.1;", pptx: { face: "Ink Free", bold: true } },
+    },
+    radius: 18, deco: "sketch",
+  },
+
+  oceano: {
+    label: "Oceano — azul elétrico vivo: visual ultra vibrante, dinâmico, moderno e luminoso",
+    colors: {
+      paper: "F0F6FF", ink: "091830", accent: "0062FF", alert: "FF3B69",
+      muted: "4D6585", line: "D4E4FC", surface: "E2EEFD", surfaceDark: "0E2242",
+      c1: "0062FF", c2: "00C6FF", c3: "6366F1", c4: "00DF89", c5: "FFB800",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "0062FF", em: "accent", onHi: "FFFFFF" },
+      dark: { bg: "071120", fg: "F0F6FF", muted: "86A2C7", line: "1A3358", surface: "surfaceDark", hi: "00C6FF", em: "00C6FF", onHi: "091830" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "BFDBFE", line: "3B82F6", surface: "004EC4", hi: "00C6FF", em: "FFFFFF", onHi: "091830" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFE4EB", line: "FF668B", surface: "D61A47", hi: "FFFFFF", em: "FFFFFF", onHi: "091830" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', -apple-system, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 0.94;", pptx: { face: "Segoe UI", bold: true } },
+      heading: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -0.015em; line-height: 1.04;", pptx: { face: "Segoe UI Semibold" } },
+      body: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 450; line-height: 1.34;", pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: Georgia, serif; font-style: italic; line-height: 1.15; letter-spacing: -0.01em;", pptx: { face: "Georgia", italic: true } },
+    },
+    radius: 16, deco: "glow",
+  },
+
+  pop: {
+    label: "Pop — alegre & chiclete: paleta super animada, cartelas fofas, roxo, rosa, menta e sol",
+    colors: {
+      paper: "FFF9F2", ink: "191534", accent: "8B5CF6", alert: "EC4899",
+      muted: "6C6885", line: "FED7AA", surface: "FEF3C7", surfaceDark: "2B2252",
+      c1: "8B5CF6", c2: "EC4899", c3: "06B6D4", c4: "10B981", c5: "F59E0B",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "FDE047", em: "accent", onHi: "ink" },
+      dark: { bg: "120E29", fg: "FFF9F2", muted: "9D97B8", line: "352E5E", surface: "surfaceDark", hi: "FDE047", em: "alert", onHi: "ink" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "E9D5FF", line: "A855F7", surface: "7C3AED", hi: "FDE047", em: "FFFFFF", onHi: "ink" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FCE7F3", line: "F472B6", surface: "DB2777", hi: "FDE047", em: "FFFFFF", onHi: "ink" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Fredoka', 'Century Gothic', -apple-system, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 0.96;", pptx: { face: "Century Gothic", bold: true } },
+      heading: { css: "font-family: 'Fredoka', 'Century Gothic', sans-serif; font-weight: 600; line-height: 1.06;", pptx: { face: "Century Gothic", bold: true } },
+      body: { css: "font-family: 'Century Gothic', -apple-system, sans-serif; font-weight: 400; line-height: 1.34;", pptx: { face: "Century Gothic" }, pptxBold: { face: "Century Gothic", bold: true } },
+      label: { css: "font-family: 'Century Gothic', sans-serif; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Century Gothic", bold: true } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: 'Fredoka', 'Century Gothic', sans-serif; font-style: italic; line-height: 1.15;", pptx: { face: "Century Gothic", italic: true } },
+    },
+    radius: 26, deco: "dots",
+  },
+
+  aurora: {
+    label: "Aurora — noite mágica: fundo escuro espacial com luzes vivas em neon ciano, violeta e magenta",
+    colors: {
+      paper: "0A0D17", ink: "F8FAFC", accent: "00F2FE", alert: "FF007A",
+      muted: "94A3B8", line: "1E293B", surface: "131A2B", surfaceDark: "131A2B",
+      c1: "00F2FE", c2: "4FACFE", c3: "7F00FF", c4: "FF007A", c5: "00FF87",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "accent", onHi: "0A0D17" },
+      dark: { bg: "05070D", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "accent", onHi: "0A0D17" },
+      accent: { bg: "1E1B4B", fg: "FFFFFF", muted: "C7D2FE", line: "4338CA", surface: "312E81", hi: "accent", em: "00F2FE", onHi: "0A0D17" },
+      alert: { bg: "4C0519", fg: "FFFFFF", muted: "FECDD3", line: "9F1239", surface: "881337", hi: "accent", em: "FF007A", onHi: "0A0D17" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 800; letter-spacing: -0.03em; line-height: 0.95;", pptx: { face: "Segoe UI", bold: true } },
+      heading: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: -0.01em; line-height: 1.05;", pptx: { face: "Segoe UI Semibold" } },
+      body: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 400; line-height: 1.36;", pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: Georgia, serif; font-style: italic; line-height: 1.15;", pptx: { face: "Georgia", italic: true } },
+    },
+    radius: 20, deco: "aurora",
+  },
+
+  prata: {
+    label: "Prata — Keynote clean & espacial: prata acetinado, muito respiro, tipografia SF / Inter limpa e elegante",
+    colors: {
+      paper: "F5F5F7", ink: "1D1D1F", accent: "0071E3", alert: "FF3B30",
+      muted: "86868B", line: "D2D2D7", surface: "FFFFFF", surfaceDark: "161617",
+      c1: "0071E3", c2: "1D1D1F", c3: "86868B", c4: "E5E5EA", c5: "3A3A3C",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "E8E8ED", em: "accent", onHi: "ink" },
+      dark: { bg: "000000", fg: "F5F5F7", muted: "86868B", line: "2C2C2E", surface: "surfaceDark", hi: "3A3A3C", em: "2997FF", onHi: "FFFFFF" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "D0E6FF", line: "479DFF", surface: "005BB5", hi: "FFFFFF", em: "FFFFFF", onHi: "0071E3" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFD1CF", line: "FF6961", surface: "D32F2F", hi: "FFFFFF", em: "FFFFFF", onHi: "alert" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', 'Helvetica Neue', sans-serif; font-weight: 600; letter-spacing: -0.035em; line-height: 0.98;", pptx: { face: "Segoe UI", bold: true } },
+      heading: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif; font-weight: 600; letter-spacing: -0.015em; line-height: 1.06;", pptx: { face: "Segoe UI Semibold" } },
+      body: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif; font-weight: 400; letter-spacing: -0.005em; line-height: 1.38;", pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: 'SF Mono', ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', sans-serif; font-weight: 400; letter-spacing: -0.02em; line-height: 1.15;", pptx: { face: "Segoe UI Light" } },
+    },
+    radius: 20, deco: "silver",
+  },
+  // Alumínio: a cara dos lançamentos de iPhone e iPad de 2020-2021 (prata metálico, alumínio escovado, títulos
+  // cromados, grafite no escuro). O prata segue fiel ao branco da Apple de hoje.
+  aluminio: {
+    label: "Alumínio — lançamento de iPhone e iPad (2020): prata metálico, títulos cromados, alumínio escovado e grafite",
+    colors: {
+      paper: "E4E5E9", ink: "1C1C1E", accent: "0066CC", alert: "D70015",
+      muted: "5E5E63", line: "C3C5CA", surface: "F4F5F7", surfaceDark: "2C2C2E",
+      c1: "0066CC", c2: "3A3A3C", c3: "8E8E93", c4: "B7BAC1", c5: "1C1C1E",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "D1D3D8", em: "accent", onHi: "ink" },
+      dark: { bg: "1C1C1E", fg: "F5F5F7", muted: "A1A1A6", line: "3A3A3C", surface: "surfaceDark", hi: "48484A", em: "2997FF", onHi: "FFFFFF" },
+      // azul-pacífico do iPhone 12 Pro, metálico (a pele põe o brilho)
+      accent: { bg: "1D3A50", fg: "FFFFFF", muted: "C5D6E3", line: "3F6580", surface: "2A4C64", hi: "FFFFFF", em: "8FC1E3", onHi: "1D3A50" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFD1D4", line: "F0525F", surface: "B30012", hi: "FFFFFF", em: "FFFFFF", onHi: "alert" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', 'Helvetica Neue', sans-serif; font-weight: 700; letter-spacing: -0.04em; line-height: 0.96;", pptx: { face: "Segoe UI", bold: true } },
+      heading: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', 'Segoe UI', sans-serif; font-weight: 600; letter-spacing: -0.02em; line-height: 1.06;", pptx: { face: "Segoe UI Semibold" } },
+      body: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif; font-weight: 400; letter-spacing: -0.005em; line-height: 1.38;", pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', sans-serif; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.2;", pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: 'SF Mono', ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', sans-serif; font-weight: 300; letter-spacing: -0.02em; line-height: 1.15;", pptx: { face: "Segoe UI Light" } },
+    },
+    radius: 24, deco: "none",
+  },
+  // Arcade: videogame, fliperama, cultura pop dos anos 80 e 90. Tela de tubo azul-noite com linhas de varredura, neon
+  // amarelo/ciano/magenta, títulos em pixel (Press Start 2P), rótulos de placar (VT323), cartões com borda de pixel.
+  arcade: {
+    label: "Arcade — videogame e fliperama: tela de tubo com linhas, neon, títulos em pixel e cartões de 8 bits",
+    colors: {
+      paper: "0E0B26", ink: "F4F1FF", accent: "FFD23F", alert: "FF3864",
+      muted: "A9A3D6", line: "2E2860", surface: "1B1640", surfaceDark: "120E30",
+      c1: "FFD23F", c2: "2DE2E6", c3: "FF3864", c4: "7CFF6B", c5: "B967FF",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "2DE2E6", onHi: "0E0B26" },
+      dark: { bg: "050410", fg: "ink", muted: "muted", line: "line", surface: "surfaceDark", hi: "accent", em: "2DE2E6", onHi: "0E0B26" },
+      accent: { bg: "3A0CA3", fg: "FFFFFF", muted: "D7C8FF", line: "5B2BD1", surface: "4A1CB8", hi: "FFD23F", em: "FFD23F", onHi: "0E0B26" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFD0DA", line: "FF6B8B", surface: "C2183E", hi: "FFD23F", em: "FFFFFF", onHi: "0E0B26" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Press Start 2P', 'Courier New', monospace; font-weight: 400; letter-spacing: -0.02em; line-height: 1.22;", pptx: { face: "Press Start 2P" } },
+      heading: { css: "font-family: 'VT323', 'Courier New', monospace; font-weight: 400; letter-spacing: 0.01em; line-height: 0.98;", pptx: { face: "VT323" } },
+      body: { css: "font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-weight: 500; line-height: 1.36;", pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: "font-family: 'VT323', 'Courier New', monospace; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.1;", pptx: { face: "VT323" } },
+      mono: { css: `font-family: 'VT323', ${SYS_MONO}; line-height: 1.25;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: 'VT323', 'Courier New', monospace; font-weight: 400; line-height: 1.05;", pptx: { face: "VT323" } },
+    },
+    radius: 0, deco: "none",
+  },
+  // Relevo: ficção científica sóbria (a sala de controle de um filme, não o fliperama): grafite azulado profundo, curvas
+  // de nível ao fundo, painéis de vidro fosco, rótulos técnicos finos em monoespaçada, cantoneiras de mira nos cantos,
+  // título leve; gelo e âmbar, sem néon. Feito para ilustração 3D realista (terreno, cidade, água) e gráfico 3D.
+  relevo: {
+    label: "Relevo — ficção científica sóbria: grafite profundo, curvas de nível, vidro fosco, rótulos técnicos e 3D realista",
+    colors: {
+      paper: "0B1117", ink: "E6EDF2", accent: "8FD0E0", alert: "F0A35E",
+      muted: "8B9AA6", line: "223039", surface: "121C24", surfaceDark: "0E161D",
+      c1: "8FD0E0", c2: "F0A35E", c3: "9DB7A5", c4: "C7B3E5", c5: "6E8796",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "accent", em: "F0A35E", onHi: "0B1117" },
+      dark: { bg: "060A0E", fg: "ink", muted: "muted", line: "line", surface: "surfaceDark", hi: "accent", em: "F0A35E", onHi: "0B1117" },
+      accent: { bg: "102630", fg: "FFFFFF", muted: "B5CCD6", line: "2C4A57", surface: "17323E", hi: "8FD0E0", em: "F0A35E", onHi: "0B1117" },
+      alert: { bg: "3A2412", fg: "FFFFFF", muted: "E8CDB3", line: "6B4422", surface: "4A2F18", hi: "F0A35E", em: "FFD3A6", onHi: "0B1117" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: "font-family: 'Inter', 'Segoe UI', sans-serif; font-weight: 300; letter-spacing: -0.035em; line-height: 0.98;", pptx: { face: "Segoe UI Light" } },
+      heading: { css: "font-family: 'Inter', 'Segoe UI', sans-serif; font-weight: 500; letter-spacing: -0.01em; line-height: 1.08;", pptx: { face: "Segoe UI Semibold" } },
+      body: { css: "font-family: 'Inter', 'Segoe UI', sans-serif; font-weight: 400; line-height: 1.42;", pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: `font-family: 'Cascadia Mono', ${SYS_MONO}; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.2;`, pptx: { face: "Cascadia Mono" } },
+      mono: { css: `font-family: 'Cascadia Mono', ${SYS_MONO}; line-height: 1.4;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: "font-family: 'Inter', 'Segoe UI', sans-serif; font-weight: 200; letter-spacing: -0.02em; line-height: 1.15;", pptx: { face: "Segoe UI Light" } },
+    },
+    radius: 6, deco: "none",
+  },
+  // Par técnico (material de consulta, tutorial, apostila): o claro imprime bem, o escuro descansa a vista.
+  // pair: o Studio alterna entre os dois (Design › Claro/Escuro) e o PDF pode sair no claro (Preferências).
+  manual: {
+    label: "Manual — documentação técnica clara: fundo branco, texto escuro, código legível, ótimo para imprimir",
+    pair: "manual-noite",
+    colors: {
+      paper: "FFFFFF", ink: "1F2328", accent: "0969DA", alert: "CF222E",
+      muted: "59636E", line: "D0D7DE", surface: "F6F8FA", surfaceDark: "161B22",
+      c1: "0969DA", c2: "1A7F37", c3: "9A6700", c4: "8250DF", c5: "CF222E",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "DDF4FF", em: "accent", onHi: "ink" },
+      dark: { bg: "0D1117", fg: "E6EDF3", muted: "9198A1", line: "30363D", surface: "surfaceDark", hi: "1F3A5F", em: "4493F8", onHi: "FFFFFF" },
+      accent: { bg: "accent", fg: "FFFFFF", muted: "CFE6FF", line: "3B8BEB", surface: "0550AE", hi: "FFFFFF", em: "FFFFFF", onHi: "accent" },
+      alert: { bg: "alert", fg: "FFFFFF", muted: "FFD8D3", line: "E5534B", surface: "A40E26", hi: "FFFFFF", em: "FFFFFF", onHi: "alert" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: `font-family: 'Segoe UI Variable Display', 'Segoe UI', ${SYS_SANS}; font-weight: 650; letter-spacing: -0.025em; line-height: 1.02;`, pptx: { face: "Segoe UI Semibold" } },
+      heading: { css: `font-family: 'Segoe UI Variable Display', 'Segoe UI', ${SYS_SANS}; font-weight: 600; letter-spacing: -0.01em; line-height: 1.12;`, pptx: { face: "Segoe UI Semibold" } },
+      body: { css: `font-family: 'Segoe UI', ${SYS_SANS}; font-weight: 400; line-height: 1.5;`, pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: `font-family: 'Segoe UI Semibold', ${SYS_SANS}; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2;`, pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.5;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: `font-family: 'Segoe UI', ${SYS_SANS}; font-style: italic; line-height: 1.3;`, pptx: { face: "Segoe UI", italic: true } },
+    },
+    radius: 10, deco: "none",
+  },
+  "manual-noite": {
+    label: "Manual noite — documentação técnica escura: descansa a vista, código em destaque, mesmo arranjo do Manual",
+    pair: "manual", dark: true,
+    colors: {
+      paper: "0D1117", ink: "E6EDF3", accent: "4493F8", alert: "F85149",
+      muted: "9198A1", line: "30363D", surface: "161B22", surfaceDark: "161B22",
+      c1: "4493F8", c2: "3FB950", c3: "D29922", c4: "A371F7", c5: "F85149",
+    },
+    tones: {
+      light: { bg: "paper", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "1F3A5F", em: "accent", onHi: "FFFFFF" },
+      dark: { bg: "010409", fg: "ink", muted: "muted", line: "line", surface: "surface", hi: "1F3A5F", em: "accent", onHi: "FFFFFF" },
+      accent: { bg: "1F6FEB", fg: "FFFFFF", muted: "CFE6FF", line: "4493F8", surface: "0550AE", hi: "FFFFFF", em: "FFFFFF", onHi: "1F6FEB" },
+      alert: { bg: "DA3633", fg: "FFFFFF", muted: "FFD8D3", line: "F85149", surface: "8E1519", hi: "FFFFFF", em: "FFFFFF", onHi: "DA3633" },
+    },
+    fontFaces: [],
+    faces: {
+      display: { css: `font-family: 'Segoe UI Variable Display', 'Segoe UI', ${SYS_SANS}; font-weight: 650; letter-spacing: -0.025em; line-height: 1.02;`, pptx: { face: "Segoe UI Semibold" } },
+      heading: { css: `font-family: 'Segoe UI Variable Display', 'Segoe UI', ${SYS_SANS}; font-weight: 600; letter-spacing: -0.01em; line-height: 1.12;`, pptx: { face: "Segoe UI Semibold" } },
+      body: { css: `font-family: 'Segoe UI', ${SYS_SANS}; font-weight: 400; line-height: 1.5;`, pptx: { face: "Segoe UI" }, pptxBold: { face: "Segoe UI Semibold" } },
+      label: { css: `font-family: 'Segoe UI Semibold', ${SYS_SANS}; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.2;`, pptx: { face: "Segoe UI Semibold" } },
+      mono: { css: `font-family: ${SYS_MONO}; line-height: 1.5;`, pptx: { face: "Cascadia Mono" } },
+      quote: { css: `font-family: 'Segoe UI', ${SYS_SANS}; font-style: italic; line-height: 1.3;`, pptx: { face: "Segoe UI", italic: true } },
+    },
+    radius: 10, deco: "none",
+  },
+};
+
+// Prisma usa tipografia já vendorizada; a pele clara deixa a cor nos pontos de atenção.
+THEMES.prisma = {
+  ...THEMES.manual,
+  label: 'Prisma — claro contemporâneo: azul, verde, violeta, laranja e magenta',
+  pair: undefined,
+  colors: {paper:'FBFCFF',ink:'182642',accent:'3769E8',alert:'CC1856',muted:'64728B',line:'DFE5F0',surface:'F0F4FC',surfaceDark:'182642',c1:'3769E8',c2:'0B9475',c3:'7954D4',c4:'E47B28',c5:'CC1856'},
+  tones: {
+    ...THEMES.manual.tones,
+    light: {bg:'paper',fg:'ink',muted:'muted',line:'line',surface:'surface',hi:'E9EFFF',em:'accent',onHi:'ink'},
+    accent: {bg:'EDF2FF',fg:'ink',muted:'muted',line:'D7E2FF',surface:'FFFFFF',hi:'accent',em:'alert',onHi:'FFFFFF'},
+    alert: {bg:'FFF0F5',fg:'ink',muted:'muted',line:'F3D6E1',surface:'FFFFFF',hi:'alert',em:'alert',onHi:'FFFFFF'},
+  },
+  faces: THEMES.aurora.faces,
+  radius: 24, deco: 'none',
+};
+
+// Paletas: só as cores, independentes do tema (o tema cuida de fonte, arranjo e ornamentos). Qualquer tema aceita
+// qualquer paleta, no deck (palette:) ou num slide. De quatro cores saem os quatro tons (claro, escuro, destaque,
+// alerta). "tema" (ou nada) = as cores do próprio tema.
+export const PALETTES = {
+  tinta: { label: "Tinta", paper: "F4F1EA", ink: "161616", accent: "D7263D", alert: "1B998B" },
+  floresta: { label: "Floresta", paper: "EEF2E9", ink: "1E2B22", accent: "2F7D4F", alert: "D98E04" },
+  mar: { label: "Mar", paper: "EAF4F8", ink: "0B2A3C", accent: "0E7CB8", alert: "F25F5C" },
+  entardecer: { label: "Entardecer", paper: "FFF4EA", ink: "2B1A2F", accent: "FF6B35", alert: "C2185B" },
+  lavanda: { label: "Lavanda", paper: "F4F1FA", ink: "2A2340", accent: "7B5CD6", alert: "E0569B" },
+  grafite: { label: "Grafite", paper: "F2F2F2", ink: "202124", accent: "5F6368", alert: "1A73E8" },
+  neon: { label: "Neon", paper: "0B0B12", ink: "F5F5FF", accent: "39FF14", alert: "FF2E97" },
+  areia: { label: "Areia", paper: "F3EAD8", ink: "3B2F2F", accent: "C08552", alert: "6B8F71" },
+  cereja: { label: "Cereja", paper: "FFF0F3", ink: "3A0D1A", accent: "E63946", alert: "457B9D" },
+  corporativo: { label: "Corporativo", paper: "FFFFFF", ink: "1B2A41", accent: "0052CC", alert: "FFAB00" },
+  // Paletas de família: a cor forte da marca cansa a vista, então ela vira só o detalhe (alert, a ênfase pontual)
+  // e quem trabalha na página são os parentes mais agradáveis dela (accent e family: tons claros e médios da mesma
+  // família). family alimenta os gráficos e os grupos dos diagramas no lugar das cores genéricas.
+  rubi: { label: "Rubi (vermelho discreto)", paper: "FFFFFF", ink: "3B2B33", accent: "B83A6E", alert: "CC092F", family: ["F9DCE5", "EFA3BC", "D9668F", "B83A6E", "7E2349"] },
+  ametista: { label: "Ametista (roxos)", paper: "FFFFFF", ink: "2D2440", accent: "8A05BE", alert: "4B0C7F", family: ["EFE3FA", "D2B4F0", "B07FE0", "8A05BE", "5B2A86"] },
+  tangerina: { label: "Tangerina (laranja e marinho)", paper: "FFFFFF", ink: "14213D", accent: "EC7000", alert: "1F4E8C", family: ["FFE3C7", "F9B26B", "EC7000", "1F4E8C", "0E2A55"] },
+  safira: { label: "Safira (azuis)", paper: "FFFFFF", ink: "1B2A3A", accent: "1F6FB2", alert: "E8A317", family: ["DCEBF7", "A7CBEA", "5C9FD6", "1F6FB2", "0F3F6E"] },
+  esmeralda: { label: "Esmeralda (verdes)", paper: "FFFFFF", ink: "1D2B24", accent: "2E8B57", alert: "0B5D3B", family: ["DDF2E6", "A8DDBE", "5DBB86", "2E8B57", "1B5E3A"] },
+  luzquente: { label: "Luz quente (brancos e âmbar, sem neon)", paper: "FFFDF6", ink: "26221A", accent: "B97F14", alert: "8C3B1B", family: ["FFF3D6", "F0D49A", "D9A441", "B97F14", "6E4E0C"] },
+};
+
+const rgb = (h) => [0, 2, 4].map((i) => parseInt(String(h).replace("#", "").slice(i, i + 2), 16));
+const hex = (c) => c.map((v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0")).join("").toUpperCase();
+// a% de a com o resto de b
+const mix = (a, b, p) => { const x = rgb(a), y = rgb(b); return hex(x.map((v, i) => v * p + y[i] * (1 - p))); };
+const lum = (h) => { const [r, g, b] = rgb(h).map((v) => { v /= 255; return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; }); return 0.2126 * r + 0.7152 * g + 0.0722 * b; };
+const contrast = (a, b) => { const [x, y] = [lum(a), lum(b)].sort((m, n) => n - m); return (x + 0.05) / (y + 0.05); };
+// a cor de texto (entre as da paleta) que mais aparece sobre o fundo `bg`
+const onColor = (bg, p) => (contrast(bg, p.ink) >= contrast(bg, p.paper) ? p.ink : p.paper);
+// "hi" é a cor de DESTAQUE (fundo do marca-texto); como cor de TEXTO pode sumir no fundo (azul-bebê no branco, num
+// estilo tirado do PowerPoint). --hi-ink: o próprio hi quando dá para ler, senão a ênfase, senão a cor do texto.
+const hiInk = (bg, hi, em, fg) => (contrast(hi, bg) >= 3 ? hi : contrast(em, bg) >= 3 ? em : fg);
+
+export function paletteColors(p) {
+  const { paper, ink, accent, alert } = p;
+  // parentes da cor (paletas de família): f1..fN, do mais claro ao mais escuro como vieram
+  const family = Object.fromEntries((Array.isArray(p.family) ? p.family : []).slice(0, 8).map((c, i) => [`f${i + 1}`, String(c).replace("#", "").toUpperCase()]));
+  const muted = mix(ink, paper, 0.55), line = mix(ink, paper, 0.16), surface = mix(ink, paper, 0.06), surfaceDark = mix(paper, ink, 0.1);
+  const tone = (bg, fg, hi, em) => ({ bg, fg, muted: mix(fg, bg, 0.62), line: mix(fg, bg, 0.2), surface: mix(fg, bg, 0.08), hi, em, onHi: onColor(hi, p) });
+  const onAccent = onColor(accent, p), onAlert = onColor(alert, p);
+  return {
+    colors: { paper, ink, accent, alert, muted, line, surface, surfaceDark, c1: accent, c2: ink, c3: alert, c4: muted, c5: mix(accent, alert, 0.5), ...family },
+    tones: {
+      light: { ...tone(paper, ink, accent, alert), muted, line, surface },
+      dark: tone(ink, paper, accent, contrast(ink, alert) > contrast(ink, accent) ? alert : accent),
+      accent: tone(accent, onAccent, onAccent, onAccent === ink ? mix(ink, accent, 0.7) : paper),
+      alert: tone(alert, onAlert, onAlert, onAlert === ink ? mix(ink, alert, 0.7) : paper),
+    },
+  };
+}
+
+// Séries 3 a 5 dos gráficos (em vez de cinzas): os parentes da família que aparecem sobre o fundo claro e o escuro.
+function familySeriesCSS(theme, sel) {
+  const fam = Object.keys(theme.colors).filter((k) => /^f\d+$/.test(k)).map((k) => theme.colors[k]);
+  if (fam.length < 2) return "";
+  const { paper, ink } = theme.colors;
+  const pick = fam.map((c) => ({ c, k: Math.min(contrast(c, paper), contrast(c, ink)) })).sort((a, b) => b.k - a.k).slice(0, 3).map((x) => x.c);
+  return `${sel}{${pick.map((c, i) => `--s${i + 3}:#${c};`).join("")}}\n`;
+}
+
+// Identidade (fontes da empresa, de ~/.sagadeck/identidades.yaml; ver src/identity.js). Corpo, rótulos e código
+// sempre na fonte da empresa; títulos também, menos nos temas com personalidade, que mantêm o título deles (a
+// apresentação fica "da empresa, mas descontraída"). Cada papel vira uma lista: as fontes da empresa na ordem
+// digitada e, se nenhuma estiver instalada, a do tema.
+export const PERSONALITY_THEMES = new Set(["rabisco", "pop", "terminal", "jornal", "bauhaus"]);
+const quoteFont = (f) => (/^[\w-]+$/.test(f) && /^(serif|sans-serif|monospace|cursive|system-ui)$/.test(f) ? f : `'${f.replace(/'/g, "")}'`);
+function applyIdentity(theme, ident) {
+  const f = ident.fonts || {};
+  const titulo = f.titulo?.length ? f.titulo : f.corpo || [];
+  const corpo = f.corpo?.length ? f.corpo : f.titulo || [];
+  const own = !PERSONALITY_THEMES.has(theme.name);
+  const roles = { body: corpo, label: f.compacta?.length ? f.compacta : corpo, mono: f.codigo || [], ...(own ? { heading: titulo, display: titulo, quote: corpo } : {}) };
+  for (const [role, fonts] of Object.entries(roles)) {
+    const face = theme.faces[role];
+    if (!face || !fonts.length) continue;
+    const list = fonts.map(quoteFont).join(", ");
+    face.css = /font-family\s*:/.test(face.css) ? face.css.replace(/font-family\s*:\s*([^;]+);/, (m, fam) => `font-family: ${list}, ${fam.trim()};`) : `font-family: ${list};${face.css}`;
+    // o PowerPoint quer um nome só: a primeira fonte da empresa (sem ela instalada, ele troca por uma parecida)
+    if (face.pptx) face.pptx = { ...face.pptx, face: fonts[0] };
+    if (face.pptxBold) face.pptxBold = { ...face.pptxBold, face: fonts[0] };
+  }
+  theme.identity = ident.id;
+}
+
+// palette: nome de PALETTES, "tema"/vazio (as cores do tema) ou { paper, ink, accent, alert, family } próprias.
+// identity: a identidade (src/identity.js) ou nada; a paleta dela vale quando o deck não escolheu outra.
+export function resolveTheme(spec, palette, identity = null) {
+  // (paleta da identidade que não existe é ignorada: o arquivo é da pessoa e não pode quebrar a apresentação)
+  const ip = identity?.palette;
+  if (ip && (!palette || palette === "tema") && (typeof ip === "object" || PALETTES[ip])) palette = ip;
+  const t = typeof spec === "string" ? { extends: spec } : spec || {};
+  const base = THEMES[t.extends || "sinal"];
+  if (!base) throw new Error(`Tema desconhecido: ${t.extends}. Disponíveis: ${Object.keys(THEMES).join(", ")}`);
+  const theme = structuredClone(base);
+  theme.name = t.extends || "sinal";
+  const pal = !palette || palette === "tema" ? null : typeof palette === "object" ? palette : PALETTES[palette];
+  if (palette && palette !== "tema" && !pal) throw new Error(`Paleta desconhecida: ${palette}. Disponíveis: tema, ${Object.keys(PALETTES).join(", ")}`);
+  if (pal) Object.assign(theme, paletteColors(pal));
+  theme.palette = pal ? (typeof palette === "string" ? palette : "propria") : null;
+  // a "cara" do slide: tema + paleta (o CSS de cores de cada combinação vale só nos slides dela)
+  theme.key = theme.palette ? `${theme.name}--${theme.palette}` : theme.name;
+  Object.assign(theme.colors, t.colors || {});
+  for (const [k, v] of Object.entries(t.tones || {})) theme.tones[k] = { ...(theme.tones[k] || {}), ...v };
+  for (const [k, v] of Object.entries(t.faces || {})) theme.faces[k] = { ...(theme.faces[k] || {}), ...v };
+  if (t.fontFaces) theme.fontFaces = [...theme.fontFaces, ...t.fontFaces];
+  if (t.radius != null) theme.radius = t.radius;
+  if (t.deco != null) theme.deco = t.deco;
+  if (identity) applyIdentity(theme, identity);
+  return theme;
+}
+
+// cor por nome ("accent", "ink") ou hex
+export function col(theme, v) {
+  if (!v) return v;
+  const s = String(v).replace(/^#/, "");
+  if (theme.colors[s]) return theme.colors[s];
+  return s;
+}
+
+const fontFaceCSS = (theme) => (theme.fontFaces || []).map((f) => `@font-face{font-family:${f.family};src:${f.src};${f.weight ? `font-weight:${f.weight};` : ""}${f.stretch ? `font-stretch:${f.stretch};` : ""}${f.style ? `font-style:${f.style};` : ""}}\n`).join("");
+
+// Para um slide com tema/paleta diferentes dos do deck: as cores valem só em .slide.lk-<tema--paleta>; as fontes
+// (faces: true) só em .slide.th-<tema>. O deck continua usando themeCSS(theme) sem escopo.
+export function scopedThemeCSS(theme, { faces = true } = {}) {
+  const c = (v) => "#" + col(theme, v);
+  const lk = `.slide.lk-${theme.key}`;
+  let css = faces ? fontFaceCSS(theme) : "";
+  css += `${lk}{` + Object.entries(theme.colors).map(([k, v]) => `--c-${k}:#${v};`).join("") + `--radius:${theme.radius}px;}\n`;
+  for (const [tone, m] of Object.entries(theme.tones)) css += `${lk}.tone-${tone}{--bg:${c(m.bg)};--fg:${c(m.fg)};--muted:${c(m.muted)};--line:${c(m.line)};--surface:${c(m.surface)};--hi:${c(m.hi)};--em:${c(m.em)};--on-hi:${c(m.onHi)};--hi-ink:${hiInk(c(m.bg), c(m.hi), c(m.em), c(m.fg))};}\n`;
+  css += familySeriesCSS(theme, `${lk}[class*="tone-"]`);
+  if (faces) for (const [name, f] of Object.entries(theme.faces)) css += `.slide.th-${theme.name} .f-${name}{${f.css}}\n`;
+  return css;
+}
+
+export function themeCSS(theme) {
+  const c = (v) => "#" + col(theme, v);
+  let css = "";
+  for (const f of theme.fontFaces || []) {
+    css += `@font-face{font-family:${f.family};src:${f.src};${f.weight ? `font-weight:${f.weight};` : ""}${f.stretch ? `font-stretch:${f.stretch};` : ""}${f.style ? `font-style:${f.style};` : ""}}\n`;
+  }
+  css += `:root{`;
+  for (const [k, v] of Object.entries(theme.colors)) css += `--c-${k}:#${v};`;
+  css += `--radius:${theme.radius}px;}\n`;
+  for (const [tone, m] of Object.entries(theme.tones)) {
+    css += `.tone-${tone}{--bg:${c(m.bg)};--fg:${c(m.fg)};--muted:${c(m.muted)};--line:${c(m.line)};--surface:${c(m.surface)};--hi:${c(m.hi)};--em:${c(m.em)};--on-hi:${c(m.onHi)};--hi-ink:${hiInk(c(m.bg), c(m.hi), c(m.em), c(m.fg))};}\n`;
+  }
+  css += familySeriesCSS(theme, `[class*="tone-"]`);
+  for (const [name, f] of Object.entries(theme.faces)) css += `.f-${name}{${f.css}}\n`;
+  return css;
+}
+
+// Mapa usado pelo exportador de PPTX: alias CSS da família -> face do PowerPoint.
+export function pptxFontMap(theme) {
+  return Object.fromEntries(Object.entries(theme.faces).map(([k, f]) => [k, { regular: f.pptx, bold: f.pptxBold || { ...f.pptx, bold: true } }]));
+}