{
  /* BASIC APP IDENTITY
     These fields control how the app appears when installed on a user's home screen.
  */
  "name": "Gillian",
  "short_name": "Gillian",
  "description": "Modern Learning Management System for Gillian.co.ke",
  "dir": "ltr",
  "lang": "en-US",

  /* NAVIGATION & DISPLAY
     'standalone' makes the app open without browser bars, providing a native-app feel.
     'orientation' ensures the app stays in portrait mode, ideal for a learning portal.
  */
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "portrait",

  /* THEME & BRANDING
     These colors ensure the status bar and loading screens match your Gillian brand.
  */
  "background_color": "#0d6efd",
  "theme_color": "#0d6efd",

  /* APP CATEGORIES
     Helps browsers/app stores categorize the PWA correctly.
  */
  "categories": ["education", "productivity"],

  /* ICON SUITE
     Crucial for PWA installation. Ensure you have these files in your public/ folder.
     I have mapped standard sizes to ensure clarity on all devices (Android/iOS/Desktop).
  */
  "icons": [
    {
      "src": "/favicon.svg",
      "sizes": "any",
      "type": "image/svg+xml",
      "purpose": "any maskable"
    },
    {
      "src": "/favicon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}