{
  "identity": {
    "name": "Multisistemas Logistics",
    "persona": "E1: The Industrial Precisionist",
    "philosophy": [
      "No Soft SaaS: This is a tool for heavy industry, not a photo sharing app. Corners are sharp. Contrast is high. Data is raw.",
      "Safety First: Colors mimic safety gear (High-Vis Yellow, Safety Orange, Signal Red).",
      "Tactical UX: Security guards wearing gloves need big targets. Managers need density. Context dictates form.",
      "The Anti-Blur: Avoid excessive glassmorphism. Prefer 'Wireframe' and 'Technical Drawing' aesthetics."
    ]
  },
  "typography": {
    "headings": {
      "family": "Chivo, sans-serif",
      "weights": ["700", "900"],
      "usage": "All page titles, section headers, and metric values.",
      "letterSpacing": "tracking-tight"
    },
    "body": {
      "family": "Manrope, sans-serif",
      "weights": ["400", "500", "600"],
      "usage": "Table data, form labels, paragraphs.",
      "letterSpacing": "tracking-normal"
    },
    "mono": {
      "family": "JetBrains Mono, monospace",
      "weights": ["400"],
      "usage": "IDs, Patent Plates, Timestamps, SKUs."
    },
    "scale": {
      "h1": "text-4xl md:text-5xl font-black uppercase tracking-tighter",
      "h2": "text-2xl md:text-3xl font-bold tracking-tight",
      "h3": "text-xl font-bold uppercase",
      "body": "text-sm md:text-base leading-relaxed",
      "tiny": "text-xs font-mono uppercase tracking-wider text-muted-foreground"
    }
  },
  "colors": {
    "palette_name": "High-Vis Concrete",
    "base": {
      "light": {
        "background": "#F8F9FA",
        "foreground": "#09090B",
        "card": "#FFFFFF",
        "border": "#E4E4E7"
      },
      "dark": {
        "background": "#09090B",
        "foreground": "#FAFAFA",
        "card": "#18181B",
        "border": "#27272A"
      }
    },
    "brand": {
      "primary": "#F97316",
      "primary_foreground": "#FFFFFF",
      "secondary": "#27272A",
      "accent": "#FACC15"
    },
    "functional": {
      "success": "#10B981",
      "warning": "#F59E0B",
      "error": "#EF4444",
      "info": "#3B82F6",
      "pending": "#64748B",
      "dispatched": "#10B981",
      "rejected": "#EF4444"
    },
    "gradients": "NONE. Flat colors only. Gradients interfere with data readability in sunlight."
  },
  "visual_enhancers": {
    "borders": {
      "style": "solid",
      "width": "border-2",
      "radius": "rounded-sm"
    },
    "shadows": {
      "default": "shadow-[2px_2px_0px_0px_rgba(0,0,0,1)]",
      "hover": "shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]",
      "active": "shadow-none translate-x-[2px] translate-y-[2px]"
    },
    "textures": {
      "noise": "bg-noise opacity-[0.03]",
      "grid": "bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:24px_24px]"
    }
  },
  "layout": {
    "grid_system": "The Bento Grid - High Density",
    "spacing": {
      "container_padding": "p-4 md:p-8",
      "element_gap": "gap-4",
      "section_gap": "gap-8"
    },
    "modes": {
      "dashboard": "grid grid-cols-1 md:grid-cols-4 lg:grid-cols-12 gap-4 auto-rows-min",
      "mobile_security": "flex flex-col h-[100dvh] pb-20",
      "auth": "grid grid-cols-1 lg:grid-cols-2 h-screen w-full"
    }
  },
  "components": {
    "buttons": {
      "primary": "bg-primary text-primary-foreground font-bold uppercase tracking-wider border-2 border-primary hover:bg-primary/90 rounded-sm shadow-[2px_2px_0px_0px_rgba(0,0,0,0.5)] active:translate-y-[2px] active:shadow-none transition-all",
      "secondary": "bg-background text-foreground border-2 border-input hover:bg-accent hover:text-accent-foreground rounded-sm font-semibold uppercase",
      "icon": "h-10 w-10 p-2 rounded-sm border-2 border-input hover:bg-accent"
    },
    "cards": {
      "base": "bg-card text-card-foreground border-2 border-border rounded-sm relative overflow-hidden",
      "header": "border-b-2 border-border p-4 bg-muted/30 font-mono text-sm uppercase tracking-wider",
      "content": "p-6"
    },
    "inputs": {
      "base": "h-12 bg-background border-2 border-input focus:border-primary focus:ring-0 rounded-sm font-medium",
      "label": "text-xs font-bold uppercase tracking-wider mb-2 text-muted-foreground"
    },
    "status_badges": {
      "base": "inline-flex items-center px-2.5 py-0.5 rounded-sm text-xs font-bold uppercase border border-current",
      "pending": "text-slate-500 bg-slate-100 border-slate-500",
      "authorized": "text-blue-600 bg-blue-50 border-blue-600",
      "rejected": "text-red-600 bg-red-50 border-red-600",
      "dispatched": "text-green-600 bg-green-50 border-green-600"
    }
  },
  "role_specifics": {
    "security_guard": {
      "ui_mode": "Mobile Tactical",
      "features": [
        "Buttons min-height: 64px (Thumb-friendly)",
        "Swipe-to-approve gestures",
        "High contrast text for outdoor sunlight visibility",
        "Scanner Viewfinder always prominent",
        "Dark Mode default to save battery and reduce glare at night"
      ]
    },
    "manager": {
      "ui_mode": "Desktop Command",
      "features": [
        "Dense data tables",
        "Bulk approval actions",
        "Audit logs visible",
        "Filtering by Date/Patent/Company"
      ]
    },
    "requester": {
      "ui_mode": "Form Focus",
      "features": [
        "Step-by-step wizard for document creation",
        "Recent drafts quick access",
        "Status tracker timeline"
      ]
    }
  },
  "images": {
    "logo_placeholder": "https://placehold.co/400x100/F97316/FFFFFF?text=MULTISISTEMAS",
    "login_hero": "https://images.unsplash.com/photo-1766788467067-d443f19314b6?crop=entropy&cs=srgb&fm=jpg&ixid=M3w4NjA1NDh8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjBpbmR1c3RyaWFsJTIwZmFjdG9yeSUyMGV4dGVyaW9yJTIwc3Vuc2V0fGVufDB8fHx8MTc3MTkwNDczMnww&ixlib=rb-4.1.0&q=85",
    "warehouse_interior": "https://images.unsplash.com/photo-1768796373634-db43bfd5f064?crop=entropy&cs=srgb&fm=jpg&ixid=M3w4NjA4Mzl8MHwxfHNlYXJjaHw0fHxpbmR1c3RyaWFsJTIwbG9naXN0aWNzJTIwd2FyZWhvdXNlJTIwd29ya2VyfGVufDB8fHx8MTc3MTkwNDczMXww&ixlib=rb-4.1.0&q=85",
    "security_guard_context": "https://images.unsplash.com/photo-1740914994657-f1cdffdc418e?crop=entropy&cs=srgb&fm=jpg&ixid=M3w4NjA4Mzl8MHwxfHNlYXJjaHwxfHxpbmR1c3RyaWFsJTIwbG9naXN0aWNzJTIwd2FyZWhvdXNlJTIwd29ya2VyfGVufDB8fHx8MTc3MTkwNDczMXww&ixlib=rb-4.1.0&q=85",
    "factory_exterior": "https://images.pexels.com/photos/21192941/pexels-photo-21192941.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
  },
  "media": {
    "icons": "Lucide React (Standard, clean, reliable)",
    "charts": "Recharts (via Shadcn Chart)",
    "3d_libraries": "None. Keep it 2D and performant for industrial hardware."
  },
  "instructions_to_main_agent": [
    "INSTALL FONTS: Add '@import url(\"https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&family=Manrope:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap\");' to index.css",
    "OVERRIDE RADIUS: Set global border-radius to '4px' or '2px' in tailwind.config.js for that sharp industrial look.",
    "MOBILE FIRST: Design the Security Guard view primarily for 375px width.",
    "USE SONNER: For all system notifications (Success/Error).",
    "DATA-TESTID: Add data-testid to every input, button, and card for testing.",
    "NO GRADIENTS: Do not use background gradients. Use solid colors and borders.",
    "THEME TOGGLE: Implement a theme toggle but default to 'Light' for Requester/Manager and 'Dark' for Security."
  ],
  "universal_guidelines": [
     "You tend to converge toward generic, 'on distribution' outputs. In frontend design, this creates what users call the 'AI slop' aesthetic. Avoid this: make creative, distinctive frontends that surprise and delight.",
    "Dark colors look good when used independently without gradients. DO NOT use dark colors as gradients",
    "Don't make generic centered layouts, simplistic gradients, and uniform styling.",
    "Create depth through layered design elements with z-index hierarchy",
    "Use glass-morphism effects with backdrop filters (12-24px blur) ONLY for sticky headers/modals, nowhere else.",
    "You MUST NOT apply universal transition. Eg: transition: all. This results in breaking transforms. Always add transitions for specific interactive elements like button, input excluding transforms",
    "You MUST NOT center align the app container, ie do not add .App { text-align: center; } in the css file. This disrupts the human natural reading flow of text",
    "Always use modern button styles like pill-shaped, or sharp button with interaction animations & color relevant to the app style",
    "NEVER: use AI assistant Emoji characters like 🤖🧠 for icons.",
    "Every interaction needs micro-animations - hover states, transitions, parallax effects, and entrance animations. Static = dead.",
    "Use 2-3x more spacing than feels comfortable. Cramped designs look cheap.",
    "Subtle grain textures, noise overlays, custom cursors, selection states, and loading animations: separates good from extraordinary.",
    "Main agent relies on these image URLs. Missing categories (especially sponsor logos) = main agent will use placeholder text which is FORBIDDEN",
    "Prioritize using pre-existing components from src/components/ui when applicable",
    "Components MUST use named exports",
    "Pages MUST use default exports",
    "Use 'sonner' for toasts"
  ]
}