constants.tsx

export const COLORS = {
  primary: '#ff058d',
  secondary: '#FF92DF',
  accent: '#9200ff',
  dark: '#9200ff',
  bg: '#f9f7f2',
};

export const PANEL_IMAGES = {
  'cherry-tree': '/images/panel-1-cherry-tree.png',
  'mascot': '/images/panel-2-mascot.png',
  'data-patterns': '/images/panel-3-data-patterns.png',
  'studio-interior': '/images/panel-4-studio-interior.png',
  'ink-jars': '/images/panel-5-ink-jars.png',
  'kitsune-fox': '/images/panel-6-kitsune-fox.png',
  'mountain-shrine': '/images/panel-7-mountain-shrine.png',
};

export const MANGA_STYLES = {
  panel: "border-[4px] border-black bg-white relative overflow-hidden transition-all duration-300",
  heading: "manga-font text-4xl uppercase tracking-wider text-black",
  subheading: "japanese-font font-black text-xl uppercase italic",
  bubble: "bg-white border-4 border-black px-4 py-2 rounded-full font-bold text-black",
  errorPanel: "border-[6px] border-black bg-red-500 p-8 shadow-[10px_10px_0px_0px_rgba(0,0,0,1)] relative overflow-hidden"
};

export const API_BASE_URL = 'https://blossomtheme.alwaysdata.net/api/v1';