{
  "theme": {
    "primary": "#07407d",
    "primaryLight": "#a7e2fa",
    "primaryDark": "#040e50",
    "secondary": "#f59e0b",
    "accent": "#6366f1",
    "accentLight": "#a5b4fc",
    "success": "#10b981",
    "danger": "#ef4444",
    "dark": "#0f172a",
    "light": "#f0fdfa",
    "surface": "#ffffff",
    "textPrimary": "#0f172a",
    "textSecondary": "#39414c",
    "textLight": "#3e3f42"
  },
  "darkTheme": {
    "primary": "#2bb2d4",
    "primaryLight": "#5dc7ea",
    "primaryDark": "#085bb4",
    "secondary": "#fbbf24",
    "accent": "#818cf8",
    "success": "#34d399",
    "danger": "#f87171",
    "dark": "#f8fafc",
    "light": "#0f172a",
    "surface": "#1e293b",
    "textPrimary": "#f1f5f9",
    "textSecondary": "#94a3b8",
    "textLight": "#64748b"
  },
  "fonts": {
    "heading": "'Plus Jakarta Sans', sans-serif",
    "body": "'Nunito', sans-serif",
    "googleFontsUrl": "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;600;700&family=Noto+Sans+SC:wght@400;600;700&display=swap"
  },
  "backgrounds": {
    "intro": {
      "light": {
        "layer1": {
          "type": "image",
          "value": "./images/background/bg-science-light.jpg"
        },
        "layer2": {
          "type": "vanta",
          "effect": "birds",
          "backgroundColor": "transparent",
          "color1": "#ff0000",
          "color2": "#fff700",
          "colorMode": "varianceGradient",
          "quantity": 3,
          "birdSize": 1,
          "wingSpan": 30,
          "speedLimit": 5,
          "separation": 20,
          "alignment": 20,
          "cohesion": 20,
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(0deg,rgba(0, 82, 115, 1) 0%, rgba(0, 82, 115, 1) 19%, rgba(0, 82, 115, 0) 100%);",
          "opacity": 0.55,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.55,
          "clickthrough": true
        },
        "layer5": {
          "type": "video",
          "src": "./videos/welcome1.mp4",
          "loop": false,
          "autoplay": true,
          "muted": false,
          "clickthrough": true,
          "fadeOnEnd": false,
          "pauseOnHover": false,
          "pauseOnClick": false,
          "opacity": 1,
          "chromaKey": {
            "enabled": true,
            "color": "#00b140",
            "tolerance": 80
          },
          "desktop": {
            "width": "70%",
            "height": "auto",
            "top": "auto",
            "right": "24px",
            "bottom": "0px",
            "left": "auto"
          },
          "tablet": {
            "width": "100%",
            "height": "auto",
            "top": "auto",
            "right": "16px",
            "bottom": "0px",
            "left": "auto"
          },
          "mobile": {
            "width": "100%",
            "height": "auto",
            "top": "auto",
            "right": "0px",
            "bottom": "0px",
            "left": "auto"
          }
        }
      },
      "dark": {
        "layer1": {
          "type": "image",
          "value": "./images/background/bg-science-dark.jpg"
        },
        "layer2": {
          "type": "vanta",
          "effect": "rings",
          "backgroundColor": "transparent",
          "color": "#ffae00",
          "opacity": 0.8,
          "clickthrough": true
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(0deg,rgba(0, 82, 115, 1) 0%, rgba(0, 82, 115, 1) 19%, rgba(0, 82, 115, 0) 100%);",
          "opacity": 0.55,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.55,
          "clickthrough": true
        },
        "layer5": {
          "type": "none"
        }
      }
    },
    "home": {
      "light": {
        "layer1": {
          "type": "gradient",
          "value": "linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 34%, rgba(0, 82, 115, 1) 100%);"
        },
        "layer2": {
          "type": "vanta",
          "effect": "rings",
          "backgroundColor": "transparent",
          "color": "#ffd500",
          "opacity": 0.4,
          "clickthrough": true
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "video",
          "src": "./videos/welcome2.mp4",
          "loop": false,
          "autoplay": true,
          "muted": false,
          "clickthrough": true,
          "fadeOnEnd": true,
          "pauseOnHover": false,
          "pauseOnClick": false,
          "opacity": 1,
          "chromaKey": {
            "enabled": true,
            "color": "#00b140",
            "tolerance": 80
          },
          "desktop": {
            "width": "70%",
            "height": "auto",
            "top": "auto",
            "right": "24px",
            "bottom": "0px",
            "left": "auto"
          },
          "tablet": {
            "width": "100%",
            "height": "auto",
            "top": "auto",
            "right": "16px",
            "bottom": "0px",
            "left": "auto"
          },
          "mobile": {
            "width": "100%",
            "height": "auto",
            "top": "auto",
            "right": "8px",
            "bottom": "0px",
            "left": "auto"
          }
        }
      },
      "dark": {
        "layer1": {
          "type": "color",
          "value": "#0f172a"
        },
        "layer2": {
          "type": "threejs",
          "scene": "molecules",
          "particleColor": "#0d9488",
          "lineColor": "#0d9488",
          "particleCount": 80,
          "particleSize": 0.12,
          "speed": 0.003,
          "opacity": 0.6,
          "clickthrough": true
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "none"
        }
      }
    },
    "topic": {
      "light": {
        "layer1": {
          "type": "color",
          "value": "#AFEDFC"
        },
        "layer2": {
          "type": "none"
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(180deg,rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 1) 34%, rgba(0, 82, 115, 1) 100%);",
          "opacity": 0.85,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.85,
          "clickthrough": true
        },
        "layer5": {
          "type": "none"
        }
      },
      "dark": {
        "layer1": {
          "type": "color",
          "value": "#0f172a"
        },
        "layer2": {
          "type": "none"
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "none"
        }
      }
    },
    "pembelajaran": {
      "light": {
        "layer1": {
          "type": "color",
          "value": "#ffffff"
        },
        "layer2": {
          "type": "vanta",
          "effect": "net",
          "backgroundColor": "transparent",
          "color": "#ffffff",
          "points": 13,
          "maxDistance": 20,
          "spacing": 16,
          "showDots": "true",
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(0deg,rgba(0, 82, 115, 1) 0%, rgba(0, 82, 115, 1) 19%, rgba(0, 82, 115, 0) 100%);",
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer5": {
          "type": "none"
        }
      },
      "dark": {
        "layer1": {
          "type": "color",
          "value": "#1e293b"
        },
        "layer2": {
          "type": "none"
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "none"
        }
      }
    },
    "aktiviti": {
      "light": {
        "layer1": {
          "type": "color",
          "value": "#ffffff"
        },
        "layer2": {
          "type": "vanta",
          "effect": "globe",
          "backgroundColor": "transparent",
          "color": "#0d4f96",
          "color2": "#ffffff",
          "size": 1,
          "points": 10,
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(0deg,rgba(0, 82, 115, 1) 0%, rgba(0, 82, 115, 1) 19%, rgba(0, 82, 115, 0) 100%);",
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer5": {
          "type": "none"
        }
      },
      "dark": {
        "layer1": {
          "type": "gradient",
          "value": "linear-gradient(180deg,#1e293b,#0f172a)"
        },
        "layer2": {
          "type": "none"
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "none"
        }
      }
    },
    "penilaian": {
      "light": {
        "layer1": {
          "type": "color",
          "value": "#ffffff"
        },
        "layer2": {
          "type": "vanta",
          "effect": "rings",
          "backgroundColor": "transparent",
          "color": "#0d4f96",
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(0deg,rgba(0, 82, 115, 1) 0%, rgba(0, 82, 115, 1) 19%, rgba(0, 82, 115, 0) 100%);",
          "opacity": 0.45,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.45,
          "clickthrough": true
        },
        "layer5": {
          "type": "none"
        }
      },
      "dark": {
        "layer1": {
          "type": "gradient",
          "value": "linear-gradient(180deg,#1c1917,#0f172a)"
        },
        "layer2": {
          "type": "none"
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "none"
        }
      }
    },
    "rumusan": {
      "light": {
        "layer1": {
          "type": "color",
          "value": "#ffffff"
        },
        "layer2": {
          "type": "threejs",
          "scene": "particles",
          "particleColor": "#0d6296",
          "lineColor": "#ffffff",
          "particleCount": 80,
          "particleSize": 0.19,
          "speed": 0.003,
          "opacity": 0.5,
          "clickthrough": true
        },
        "layer3": {
          "type": "gradient",
          "value": "linear-gradient(0deg,rgba(0, 82, 115, 1) 0%, rgba(0, 82, 115, 1) 19%, rgba(0, 82, 115, 0) 100%);",
          "opacity": 0.45,
          "clickthrough": true
        },
        "layer4": {
          "type": "none",
          "opacity": 0.45,
          "clickthrough": true
        },
        "layer5": {
          "type": "none"
        }
      },
      "dark": {
        "layer1": {
          "type": "gradient",
          "value": "linear-gradient(180deg,#1e1b4b,#0f172a)"
        },
        "layer2": {
          "type": "none"
        },
        "layer3": {
          "type": "none"
        },
        "layer4": {
          "type": "none"
        },
        "layer5": {
          "type": "none"
        }
      }
    }
  },
  "videoOverlayDefaults": {
    "src": "",
    "loop": true,
    "autoplay": true,
    "muted": true,
    "opacity": 1,
    "clickthrough": true,
    "chromaKey": {
      "enabled": false,
      "color": "#00ff00",
      "tolerance": 80
    },
    "desktop": {
      "width": "280px",
      "height": "auto",
      "top": "auto",
      "right": "24px",
      "bottom": "24px",
      "left": "auto"
    },
    "tablet": {
      "width": "220px",
      "height": "auto",
      "top": "auto",
      "right": "16px",
      "bottom": "16px",
      "left": "auto"
    },
    "mobile": {
      "width": "160px",
      "height": "auto",
      "top": "auto",
      "right": "8px",
      "bottom": "8px",
      "left": "auto"
    }
  },
  "threejs": {
    "molecules": {
      "particleCount": 80,
      "particleColor": "#0d9488",
      "lineColor": "#0d9488",
      "particleSize": 0.12,
      "lineOpacity": 0.15,
      "maxDist": 3.5,
      "speed": 0.003
    }
  },
  "vanta": {
    "available": [
      "net",
      "waves",
      "birds",
      "fog",
      "clouds",
      "dots",
      "rings",
      "globe"
    ],
    "defaultEffect": "net"
  },
  "layouts": {
    "items": [
      {
        "id": "default",
        "name": "Klasik",
        "path": "",
        "description": "Sidebar tetap di kiri, kad bulat",
        "active": true
      },
      {
        "id": "floating",
        "name": "Terapung",
        "path": "./layout/floating",
        "description": "Panel terapung dengan kesan kaca",
        "active": false
      },
      {
        "id": "minimal",
        "name": "Minimalis",
        "path": "./layout/minimal",
        "description": "Bersih dan ringkas",
        "active": false
      },
      {
        "id": "playful",
        "name": "Ceria",
        "path": "./layout/playful",
        "description": "Warna-warni dan menyeronokkan",
        "active": false
      }
    ]
  },
  "topicImages": {
    "1.1": {
      "gradient": "linear-gradient(135deg, #10b981 0%, #059669 100%)",
      "icon": "🔬",
      "pattern": "molecules"
    },
    "1.2": {
      "gradient": "linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%)",
      "icon": "🧪",
      "pattern": "lab"
    }
  },
  "character": {
    "enabled": true,
    "name": "Cikgu Luqman",
    "avatar": "",
    "position": "right"
  },
  "tutorial": {
    "enabled": true,
    "showOnFirstVisit": true
  },
  "sectionColors": {
    "pembelajaran": {
      "bg": "#ecfdf5",
      "accent": "#10b981",
      "icon": "📖",
      "image": "./images/pembelajaran.jpeg"
    },
    "aktiviti": {
      "bg": "#eff6ff",
      "accent": "#3b82f6",
      "icon": "🎮",
      "image": "./images/aktiviti.jpeg"
    },
    "penilaian": {
      "bg": "#fef3c7",
      "accent": "#f59e0b",
      "icon": "📝",
      "image": "./images/penilaian.jpeg"
    },
    "rumusan": {
      "bg": "#f5f3ff",
      "accent": "#8b5cf6",
      "icon": "📋",
      "image": "./images/rumusan.jpeg"
    }
  }
}