// Theme system for the fortune-telling app.
// Each variant has the same screens but a distinct visual language:
//   palette, typography, ornament style, card chrome, hero background.

const THEMES = {
  // ─── V1 「Dreamy Clouds」 — matches the reference: pink/lavender clouds,
  // serif Mincho headlines, gold hairlines, sparkly stars.
  dreamy: {
    key: 'dreamy',
    name: 'V1 · Dreamy Clouds',
    tagline: 'やわらかいピンクとラベンダー雲、繊細なゴールド',
    ink: '#5d3a64',
    inkSoft: '#8a6c8e',
    inkMuted: '#a791a8',
    accent: '#d97a99',
    accentDeep: '#c25a82',
    gold: '#cba868',
    goldSoft: '#e7d3a0',
    cardBg: '#fff6f3',
    cardBgAlt: '#fbeef3',
    surface: 'rgba(255, 250, 248, 0.7)',
    surfaceStrong: '#ffffff',
    border: 'rgba(203, 168, 104, 0.35)',
    chip: '#fce5ec',
    titleFont: '"Shippori Mincho B1", "Noto Serif JP", serif',
    bodyFont: '"Zen Kaku Gothic New", "Noto Sans JP", sans-serif',
    latinFont: '"Cormorant Garamond", "Shippori Mincho B1", serif',
    titleWeight: 500,
    titleTracking: '0.08em',
    bg: `radial-gradient(120% 60% at 50% 0%, #fff3ec 0%, #fde6e6 30%, #f7d9ea 55%, #e8d6f5 80%, #f1e1f3 100%)`,
    bgOrnament: 'clouds',
    cardRadius: 22,
    ornamentMotif: 'sparkle',
  },

  // ─── V2 「Moonstone Pearl」 — cooler, iridescent. Periwinkle + champagne,
  // crescent moon motifs, more open negative space.
  moonstone: {
    key: 'moonstone',
    name: 'V2 · Moonstone Pearl',
    tagline: '月光と真珠、ひんやり透明な世界',
    ink: '#3a3a6e',
    inkSoft: '#6a6a96',
    inkMuted: '#9a9ab5',
    accent: '#9a7ac5',
    accentDeep: '#7a5cb0',
    gold: '#c6a36b',
    goldSoft: '#ead9b2',
    cardBg: '#fafaff',
    cardBgAlt: '#eef0fb',
    surface: 'rgba(250, 250, 255, 0.78)',
    surfaceStrong: '#ffffff',
    border: 'rgba(154, 122, 197, 0.25)',
    chip: '#ebe6f8',
    titleFont: '"Cormorant Garamond", "Shippori Mincho B1", serif',
    bodyFont: '"Zen Maru Gothic", "Noto Sans JP", sans-serif',
    latinFont: '"Cormorant Garamond", serif',
    titleWeight: 500,
    titleTracking: '0.12em',
    bg: `radial-gradient(120% 60% at 50% 0%, #f9f4ff 0%, #eee6fb 40%, #dfe3fa 70%, #e8e3fa 100%)`,
    bgOrnament: 'moon',
    cardRadius: 24,
    ornamentMotif: 'moon',
  },

  // ─── V3 「Sakura Garden」 — botanical journal: cream paper, sage,
  // dusty rose, hand-drawn lines. Klee One handwritten headings.
  sakura: {
    key: 'sakura',
    name: 'V3 · Sakura Garden',
    tagline: '紙とお花、日記のようなあたたかさ',
    ink: '#5a4434',
    inkSoft: '#8b7563',
    inkMuted: '#b5a290',
    accent: '#d18099',
    accentDeep: '#b56079',
    gold: '#b89868',
    goldSoft: '#e3d2a8',
    cardBg: '#fffaf2',
    cardBgAlt: '#faf3e6',
    surface: 'rgba(255, 250, 242, 0.82)',
    surfaceStrong: '#fffdf8',
    border: 'rgba(184, 152, 104, 0.3)',
    chip: '#f6e8de',
    titleFont: '"Klee One", "Shippori Mincho B1", serif',
    bodyFont: '"Zen Kaku Gothic New", "Noto Sans JP", sans-serif',
    latinFont: '"Cormorant Garamond", serif',
    titleWeight: 600,
    titleTracking: '0.04em',
    bg: `radial-gradient(120% 80% at 50% 0%, #fffaf0 0%, #fdf0e3 35%, #f6dcd0 70%, #f0c9d4 100%)`,
    bgOrnament: 'petals',
    cardRadius: 18,
    ornamentMotif: 'flower',
  },

  // ─── V4 「Crystal Editorial」 — magazine-style. Bigger numerals,
  // hairline rules, ivory + mauve + chocolate ink. More refined, less cute.
  crystal: {
    key: 'crystal',
    name: 'V4 · Crystal Editorial',
    tagline: 'クリスタルとインク、上質なエディトリアル',
    ink: '#3d2e3a',
    inkSoft: '#6f5867',
    inkMuted: '#a797a3',
    accent: '#b97a9a',
    accentDeep: '#9a5a7c',
    gold: '#a78962',
    goldSoft: '#d8c39a',
    cardBg: '#fbf5f1',
    cardBgAlt: '#f4ebe7',
    surface: 'rgba(251, 245, 241, 0.85)',
    surfaceStrong: '#fdfaf7',
    border: 'rgba(167, 137, 98, 0.28)',
    chip: '#efe3e8',
    titleFont: '"Cormorant Garamond", "Shippori Mincho B1", serif',
    bodyFont: '"Noto Serif JP", serif',
    latinFont: '"Cormorant Garamond", serif',
    titleWeight: 500,
    titleTracking: '0.18em',
    bg: `linear-gradient(180deg, #fbf3ef 0%, #f5e7e1 50%, #ecd8dc 100%)`,
    bgOrnament: 'prism',
    cardRadius: 6,
    ornamentMotif: 'prism',
  },
};

window.THEMES = THEMES;