export const THEME = {
  colors: {
    hero: "#2D6A4F",
    search: "#F97316",
    searchDark: "#1a1a2e",
    customize: "#EAB308",
    group: "#3B82F6",
    itinerary: "#FFF8E7",
    cta: "#DC2626",
    white: "#FFFFFF",
    black: "#000000",
    textDark: "#1a1a2e",
  },
  spring: {
    damping: 12,
    mass: 0.5,
    stiffness: 120,
  },
  textShadow: "0 4px 20px rgba(0, 0, 0, 0.4)",
  textShadowLight: "0 2px 10px rgba(0, 0, 0, 0.15)",
  font: {
    heading: "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
    body: "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
  },
} as const;

export const SCENES = {
  hero: { durationInFrames: 80 },
  search: { durationInFrames: 80 },
  customize: { durationInFrames: 80 },
  group: { durationInFrames: 80 },
  itinerary: { durationInFrames: 80 },
  cta: { durationInFrames: 95 },
} as const;

export const TRANSITION_DURATION = 9;
export const FPS = 30;
export const WIDTH = 886;
export const HEIGHT = 1920;
export const TOTAL_DURATION = 450;