{
  "project_name": "Turkish Theater Play Portal",
  "design_vision": {
    "theme": "dark",
    "archetype": "Archetype 5 (Luxury) with Editorial/Cinematic influence",
    "mood": "Dramatic, elegant, captivating, trustworthy. Evokes the feeling of a theater with dim lights, spotlights, and velvet accents.",
    "core_principles": [
      "High Contrast: Off-white typography on deep charcoal backgrounds.",
      "Cinematic Imagery: Large, striking visuals of plays and actors with subtle gradient overlays.",
      "Sharp Geometry: Use minimal border radius (rounded-none or rounded-sm) for a sophisticated, editorial feel.",
      "Focus & Flow: Streamlined, low-friction ticket buying experience."
    ]
  },
  "typography": {
    "primary_font": "Cormorant Garamond",
    "primary_font_type": "serif",
    "primary_font_usage": "Headings, titles, large display text. Should use tracking-tight.",
    "secondary_font": "Outfit",
    "secondary_font_type": "sans-serif",
    "secondary_font_usage": "Body text, UI elements, buttons, forms, labels.",
    "scales": {
      "h1": "text-5xl md:text-6xl font-light tracking-tighter",
      "h2": "text-3xl md:text-4xl font-normal tracking-tight",
      "h3": "text-xl md:text-2xl font-medium",
      "body_lg": "text-lg text-text-secondary leading-relaxed",
      "body": "text-base text-text-secondary leading-relaxed",
      "label": "text-xs font-semibold tracking-[0.2em] uppercase text-text-secondary"
    },
    "installation": "Add Google Fonts import for 'Cormorant Garamond' and 'Outfit' in index.css"
  },
  "colors": {
    "background": "#09090B",
    "surface": "#121214",
    "surface_elevated": "#1C1C1F",
    "primary": "#D4AF37",
    "primary_hover": "#B5952F",
    "text_primary": "#FAFAFA",
    "text_secondary": "#A1A1AA",
    "border": "rgba(255, 255, 255, 0.1)",
    "border_hover": "rgba(255, 255, 255, 0.25)",
    "error": "#EF4444",
    "success": "#10B981"
  },
  "layout_spacing": {
    "container": "max-w-7xl mx-auto px-6 md:px-12",
    "section_gap": "py-24 md:py-32",
    "grid_bento": "grid grid-cols-1 md:grid-cols-12 gap-6",
    "grid_standard": "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8",
    "border_radius": "rounded-sm"
  },
  "components": {
    "navigation": {
      "style": "Glassmorphism. fixed w-full z-50",
      "classes": "bg-[#09090B]/80 backdrop-blur-xl border-b border-white/10"
    },
    "hero": {
      "style": "Full bleed image with heavy gradient overlay to ensure text legibility.",
      "overlay_classes": "bg-gradient-to-t from-[#09090B] via-[#09090B]/60 to-[#09090B]/20",
      "alignment": "Left aligned text block inside container."
    },
    "buttons": {
      "primary": "bg-[#D4AF37] text-black font-semibold rounded-none hover:bg-[#B5952F] transition-colors px-8 py-4",
      "secondary": "bg-transparent border border-white/20 text-white rounded-none hover:bg-white/5 transition-colors px-8 py-4",
      "ticket_category": "border border-white/10 hover:border-[#D4AF37] bg-surface p-4 rounded-sm transition-all"
    },
    "cards": {
      "style": "Flat, sharp edges, 1px border. No heavy drop shadows.",
      "classes": "bg-[#121214] border border-white/10 rounded-sm overflow-hidden group",
      "hover_effect": "hover:border-white/30 transition-all duration-300"
    },
    "inputs": {
      "style": "Dark background, subtle border, primary color focus ring.",
      "classes": "bg-[#09090B] border-white/10 text-white focus:border-[#D4AF37] focus:ring-1 focus:ring-[#D4AF37] rounded-none"
    }
  },
  "interactive_elements": {
    "hover_states": "All interactive elements must change state on hover. Use opacity shifts or border color shifts.",
    "focus_states": "Visible focus rings for accessibility.",
    "testing_attributes": "All buttons, inputs, and links must have data-testid attributes (e.g., data-testid='buy-ticket-btn')."
  },
  "image_assets": {
    "hero": [
      {
        "url": "https://images.pexels.com/photos/713149/pexels-photo-713149.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
        "description": "Dimly lit theater stage with red curtains",
        "usage": "Main homepage hero background"
      }
    ],
    "play_posters": [
      {
        "url": "https://images.unsplash.com/photo-1629474468919-64a55bbae8eb?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NTY2Nzd8MHwxfHNlYXJjaHw0fHxjaW5lbWF0aWMlMjBtb3ZpZSUyMHBvc3RlciUyMGRhcmt8ZW58MHx8fHwxNzgwOTQ2MTc5fDA&ixlib=rb-4.1.0&q=85",
        "description": "Movie poster hanging in dark hallway",
        "usage": "Featured play poster"
      },
      {
        "url": "https://images.pexels.com/photos/12838778/pexels-photo-12838778.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
        "description": "Collection of posters on a dark wall",
        "usage": "Play listing card images"
      }
    ],
    "actors": [
      {
        "url": "https://images.unsplash.com/photo-1587397845856-e6cf49176c70?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NTY2NzR8MHwxfHNlYXJjaHwxfHx0aGVhdGVyJTIwYWN0b3IlMjBwb3J0cmFpdHxlbnwwfHx8fDE3ODExMDM2Mzl8MA&ixlib=rb-4.1.0&q=85",
        "description": "Man in black crew neck shirt portrait",
        "usage": "Actor profile picture"
      },
      {
        "url": "https://images.unsplash.com/photo-1573088593824-52c03d56ec4f?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NTY2NzR8MHwxfHNlYXJjaHwzfHx0aGVhdGVyJTIwYWN0b3IlMjBwb3J0cmFpdHxlbnwwfHx8fDE3ODExMDM2Mzl8MA&ixlib=rb-4.1.0&q=85",
        "description": "Black and white photo of a man with suspenders",
        "usage": "Actor profile picture"
      }
    ],
    "gallery": [
      {
        "url": "https://images.unsplash.com/photo-1514306191717-452ec28c7814?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NDQ2Mzl8MHwxfHNlYXJjaHwxfHx0aGVhdGVyJTIwc3RhZ2UlMjBwZXJmb3JtYW5jZXxlbnwwfHx8fDE3ODExMDM2Mzl8MA&ixlib=rb-4.1.0&q=85",
        "description": "Red theater curtain detail",
        "usage": "Gallery or About page imagery"
      },
      {
        "url": "https://images.unsplash.com/photo-1615414047026-802692414b79?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NDQ2Mzl8MHwxfHNlYXJjaHw0fHx0aGVhdGVyJTIwc3RhZ2UlMjBwZXJmb3JtYW5jZXxlbnwwfHx8fDE3ODExMDM2Mzl8MA&ixlib=rb-4.1.0&q=85",
        "description": "Brown wooden chairs inside theater",
        "usage": "Venue / Gallery imagery"
      }
    ]
  },
  "iconography": "lucide-react. Keep stroke-width at 1.5 for elegance.",
  "libraries": {
    "components": "shadcn/ui (customized for dark theme, flat borders)",
    "date_picker": "shadcn/ui Calendar",
    "icons": "lucide-react",
    "animation": "framer-motion (for smooth page transitions and card hover lifts)"
  }
}