<?xml version="1.0" encoding="UTF-8"?>
<!-- =========================================================================
	Copyright (C) 2026 Moko Consulting <hello@mokoconsulting.tech>

	This file is part of a Moko Consulting project.

	SPDX-License-Identifier: GPL-3.0-or-later

 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 3 of the License, or
 (at your option) any later version.
 
 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.
 
 You should have received a copy of the GNU General Public License
 along with this program. If not, see <https://www.gnu.org/licenses/>.


	=========================================================================
	FILE INFORMATION
	DEFGROUP: Joomla
	INGROUP: MokoOnyx
	PATH: templates/mokoonyx/templateDetails.xml
	VERSION: 03.09.03
	BRIEF: Template manifest XML file for MokoOnyx
	=========================================================================
-->
<extension type="template" client="site" method="upgrade">
	<updateservers>
		<server type="extension" priority="1" name="MokoOnyx Update Server (Gitea)">
			https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/raw/branch/main/updates.xml
		</server>
		<server type="extension" priority="2" name="MokoOnyx Update Server (GitHub)">
			https://raw.githubusercontent.com/mokoconsulting-tech/MokoOnyx/main/updates.xml
		</server>
	</updateservers>
	<name>MokoOnyx</name>
	<version>01.00.00</version>
	<scriptfile>script.php</scriptfile>
	<creationDate>2026-04-15</creationDate>
	<author>Jonathan Miller || Moko Consulting</author>
	<authorEmail>hello@mokoconsulting.tech</authorEmail>
	<copyright>(C)GNU General Public License Version 3 - 2026 Moko Consulting</copyright>
	<description><![CDATA[<p><img src="https://img.shields.io/badge/version-01.00.00-blue.svg?logo=v&amp;logoColor=white" alt="Version 01.00.00" /> <img src="https://img.shields.io/badge/license-GPL--3.0--or--later-green.svg?logo=gnu&amp;logoColor=white" alt="License" /> <img src="https://img.shields.io/badge/Joomla-5.x%20%7C%206.x-red.svg?logo=joomla&amp;logoColor=white" alt="Joomla" /> <img src="https://img.shields.io/badge/PHP-8.1%2B-777BB4.svg?logo=php&amp;logoColor=white" alt="PHP" /></p> <h3>MokoOnyx Template Description</h3> <p>  <strong>MokoOnyx</strong> continues Joomla's tradition of space-themed default templates—  building on the legacy of <em>Solarflare</em> (Joomla 1.0), <em>Milkyway</em> (Joomla 1.5),  and <em>Protostar</em> (Joomla 3.0). </p> <p>  This template is a customized fork of the <strong>Cassiopeia</strong> template introduced in Joomla 4,  preserving its modern, accessible, and mobile-first foundation while introducing new stylistic  enhancements and structural refinements specifically tailored for use by Moko Consulting. </p>  <h4>Custom Colour Themes</h4> <p>  Starter palette files are included with the template. To create a custom colour scheme,  copy <code>templates/mokoonyx/templates/light.custom.css</code> to  <code>media/templates/site/mokoonyx/css/theme/light.custom.css</code>,  or <code>templates/mokoonyx/templates/dark.custom.css</code> to  <code>media/templates/site/mokoonyx/css/theme/dark.custom.css</code>.  Customise the CSS variables to match your brand, then activate your palette in  <em>System → Site Templates → MokoOnyx → Theme tab</em>  by selecting "Custom" for the Light or Dark Mode Palette.  A full variable reference is available in the <em>CSS Variables</em> tab in template options. </p>  <h4>Custom CSS &amp; JavaScript</h4> <p>  For site-specific styles and scripts that should survive template updates, create the following files: </p> <ul>  <li><code>media/templates/site/mokoonyx/css/user.css</code> — loaded on every page for custom CSS overrides.</li>  <li><code>media/templates/site/mokoonyx/js/user.js</code> — loaded on every page for custom JavaScript.</li> </ul> <p>  These files are gitignored and will not be overwritten by template updates. </p>  <h4>Code Attribution</h4> <p>  This template is based on the original <strong>Cassiopeia</strong> template developed by the  <a href="https://www.joomla.org" target="_blank" rel="noopener">Joomla! Project</a> and released under the GNU General Public License. </p> <p>  Modifications and enhancements have been made by Moko Consulting in accordance with open-source licensing standards. </p> <p>  It includes integration with  <a href="https://afeld.github.io/bootstrap-toc/" target="_blank" rel="noopener">Bootstrap TOC</a>,  an open-source table of contents generator by A. Feld, licensed under the MIT License. </p> <p>  All third-party libraries and assets remain the property of their respective authors and are credited within their source files where applicable. </p>]]></description>
	<inheritable>1</inheritable>
	<files>
		<filename>component.php</filename>
		<filename>error.php</filename>
		<filename>index.php</filename>
		<filename>joomla.asset.json</filename>
		<filename>offline.php</filename>
		<filename>script.php</filename>
		<filename>sync_custom_vars.php</filename>
		<filename>templateDetails.xml</filename>
		<folder>helper</folder>
		<folder>html</folder>
		<folder>language</folder>
		<folder>templates</folder>
	</files>
	<stylesheets>
		<stylesheet>media/templates/site/mokoonyx/css/editor.css</stylesheet>
	</stylesheets>
	<media destination="templates/site/mokoonyx" folder="media">
		<folder>js</folder>
		<folder>css</folder>
		<folder>images</folder>
		<folder>fonts</folder>
		<folder>vendor</folder>
	</media>
	<positions>
		<position>topbar</position>
		<position>below-topbar</position>
		<position>below-logo</position>
		<position>brand-aside</position>
		<position>menu</position>
		<position>search</position>
		<position>banner</position>
		<position>top-a</position>
		<position>top-b</position>
		<position>main-top</position>
		<position>main-bottom</position>
		<position>breadcrumbs</position>
		<position>sidebar-left</position>
		<position>sidebar-right</position>
		<position>bottom-a</position>
		<position>bottom-b</position>
		<position>footer-menu</position>
		<position>footer</position>
		<position>debug</position>
		<position>offline-header</position>
		<position>offline</position>
		<position>offline-footer</position>
		<position>drawer-left</position>
		<position>drawer-right</position>
	</positions>
	<languages>
		<language tag="en-GB">language/en-GB/tpl_mokoonyx.ini</language>
		<language tag="en-GB">language/en-GB/tpl_mokoonyx.sys.ini</language>
		<language tag="en-US">language/en-US/tpl_mokoonyx.ini</language>
		<language tag="en-US">language/en-US/tpl_mokoonyx.sys.ini</language>
	</languages>

	<config>

		<fields name="params">
			<!-- Advanced tab (non-theme/system options only) -->
			<fieldset name="advanced">
					<field name="developmentmode" type="radio" label="TPL_MOKOONYX_DEVELOPMENTMODE_LABEL" description="TPL_MOKOONYX_DEVELOPMENTMODE_DESC" default="0" layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="fluidContainer" type="radio" layout="joomla.form.field.radio.switcher" default="0" label="TPL_MOKOONYX_FLUID_LABEL">
					<option value="0">TPL_MOKOONYX_STATIC</option>
					<option value="1">TPL_MOKOONYX_FLUID</option>
				</field>
			</fieldset>

			<!-- Favicon tab -->
			<fieldset name="favicon" label="TPL_MOKOONYX_FAVICON_FIELDSET_LABEL">
				<field name="favicon_note" type="note" description="TPL_MOKOONYX_FAVICON_NOTE" />
				<field name="favicon_source" type="media" label="TPL_MOKOONYX_FAVICON_SOURCE_LABEL" description="TPL_MOKOONYX_FAVICON_SOURCE_DESC" directory="favicons" types="images" accept="image/png" />
			</fieldset>

			<!-- Google tab -->
			<fieldset name="google" label="TPL_MOKOONYX_GOOGLE_FIELDSET_LABEL">
				<field name="googletagmanager" type="radio" label="TPL_MOKOONYX_GOOGLETAGMANAGER_LABEL" description="TPL_MOKOONYX_GOOGLETAGMANAGER_DESC" layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="googletagmanagerid" type="text" default="" label="TPL_MOKOONYX_GOOGLETAGMANAGERID_LABEL" description="TPL_MOKOONYX_GOOGLETAGMANAGERID_DESC" filter="string" showon="googletagmanager:1" />
				<field name="googleanalytics" type="radio" label="TPL_MOKOONYX_GOOGLEANALYTICS_LABEL" description="TPL_MOKOONYX_GOOGLEANALYTICS_DESC" layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="googleanalyticsid" type="text" default="" label="TPL_MOKOONYX_GOOGLEANALYTICSID_LABEL" description="TPL_MOKOONYX_GOOGLEANALYTICSID_DESC" filter="string" showon="googleanalytics:1" />
				<field name="googlesitekey" type="text" default="" label="TPL_MOKOONYX_GOOGLESITEKEY_LABEL" description="TPL_MOKOONYX_GOOGLESITEKEY_DESC" filter="string" />
			</fieldset>

			<!-- Custom Code tab -->
			<fieldset name="custom_head" label="TPL_MOKOONYX_CUSTOM_CODE_FIELDSET">
				<field name="custom_head_start" type="textarea" default="" label="TPL_MOKOONYX_CUSTOM_HEAD_START_LABEL" description="TPL_MOKOONYX_CUSTOM_HEAD_START_DESC" filter="raw" />
				<field name="custom_head_end" type="textarea" default="" label="TPL_MOKOONYX_CUSTOM_HEAD_END_LABEL" description="TPL_MOKOONYX_CUSTOM_HEAD_END_DESC" filter="raw" />
			</fieldset>

			<!-- Drawers tab -->
			<fieldset name="drawers" label="TPL_MOKOONYX_DRAWERS_FIELDSET_LABEL">
				<field name="drawerLeftIcon" type="text" default="fa-solid fa-chevron-right" label="TPL_MOKOONYX_DRAWER_LEFT_ICON_LABEL" description="TPL_MOKOONYX_DRAWER_LEFT_ICON_DESC" filter="string" />
				<field name="drawerRightIcon" type="text" default="fa-solid fa-chevron-left" label="TPL_MOKOONYX_DRAWER_RIGHT_ICON_LABEL" description="TPL_MOKOONYX_DRAWER_RIGHT_ICON_DESC" filter="string" />
			</fieldset>

			<!-- THEME TAB (all style/theme settings grouped) -->
			<fieldset name="theme" label="TPL_MOKO_THEME_FIELDSET">

				<!-- General -->
				<field name="theme_sep_general" type="spacer" label="General" hr="false" class="text fw-bold" />
				<field name="theme_enabled" type="radio" default="1"
							 label="TPL_MOKO_THEME_ENABLED" description="TPL_MOKO_THEME_ENABLED_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="theme_control_type" type="list" default="radios"
							 label="TPL_MOKO_THEME_CONTROL_TYPE" description="TPL_MOKO_THEME_CONTROL_TYPE_DESC">
					<option value="switch">Switch (Light↔Dark)</option>
					<option value="radios">Radios (Light/Dark/System)</option>
					<option value="none">No visible control</option>
				</field>
				<field name="theme_default_choice" type="list" default="system"
							 label="TPL_MOKO_THEME_DEFAULT_CHOICE" description="TPL_MOKO_THEME_DEFAULT_CHOICE_DESC">
					<option value="system">System</option>
					<option value="light">Light</option>
					<option value="dark">Dark</option>
				</field>
				<field name="theme_auto_dark" type="radio" default="0"
							 label="TPL_MOKO_THEME_AUTO_DARK" description="TPL_MOKO_THEME_AUTO_DARK_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="theme_meta_color_scheme" type="radio" default="1"
							 label="TPL_MOKO_THEME_META_COLOR_SCHEME" description="TPL_MOKO_THEME_META_COLOR_SCHEME_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="theme_meta_theme_color" type="radio" default="1"
							 label="TPL_MOKO_THEME_META_THEME_COLOR" description="TPL_MOKO_THEME_META_THEME_COLOR_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="theme_bridge_bs_aria" type="radio" default="1"
							 label="TPL_MOKO_THEME_BRIDGE" description="TPL_MOKO_THEME_BRIDGE_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>

				<!-- Variables & Palettes -->
				<field name="theme_sep_vars" type="spacer" label="Variables &amp; Palettes" hr="false" class="text fw-bold" />
				<field name="colorLightName" type="list" label="TPL_MOKOONYX_COLOR_LIGHT_NAME_LABEL" hint="TPL_MOKOONYX_COLOR_LIGHT_NAME_DESC" default="standard">
					<option value="standard">TPL_MOKOONYX_COLOR_NAME_STANDARD</option>
					<option value="custom">TPL_MOKOONYX_COLOR_NAME_CUSTOM</option>
				</field>
				<field name="colorDarkName" type="list" label="TPL_MOKOONYX_COLOR_DARK_NAME_LABEL" hint="TPL_MOKOONYX_COLOR_DARK_NAME_DESC" default="standard">
					<option value="standard">TPL_MOKOONYX_COLOR_NAME_STANDARD</option>
					<option value="custom">TPL_MOKOONYX_COLOR_NAME_CUSTOM</option>
				</field>

				<!-- Typography -->
				<field name="theme_sep_typo" type="spacer" label="Typography" hr="false" class="text fw-bold" />
				<field name="useFontScheme" type="groupedlist" label="TPL_MOKOONYX_FONT_LABEL" description="TPL_MOKOONYX_FONT_LABEL_DESC" default="media/templates/site/mokoonyx/css/fonts/roboto.css">
					<option value="0">JNONE</option>
					<group label="TPL_MOKOONYX_FONT_GROUP_LOCAL">
						<option value="media/templates/site/mokoonyx/css/fonts/roboto.css">Roboto (local)</option>
						<option value="media/templates/site/mokoonyx/css/fonts/noto-sans.css">Noto Sans (local)</option>
						<option value="media/templates/site/mokoonyx/css/fonts/fira-sans.css">Fira Sans (local)</option>
					</group>
				</field>
				<field name="noteFontScheme" type="note" description="TPL_MOKOONYX_FONT_NOTE_TEXT" class="alert alert-warning" />

				<!-- Branding & Icons -->
				<field name="theme_sep_brand" type="spacer" label="Branding &amp; Icons" hr="false" class="text fw-bold" />
				<field name="brand" type="radio" label="TPL_MOKOONYX_BRAND_LABEL" default="1" layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="logoFile" type="media" label="TPL_MOKOONYX_LOGO_LABEL" showon="brand:1" />
				<field name="siteTitle" type="text" default="MokoOnyx" label="TPL_MOKOONYX_TITLE" filter="string" showon="brand:1" />
				<field name="siteDescription" type="text" default="" label="TPL_MOKOONYX_TAGLINE_LABEL" description="TPL_MOKOONYX_TAGLINE_DESC" filter="string" showon="brand:1" />
				<field name="fA6KitCode" type="text" default="" label="TPL_MOKOONYX_FA7KITCODE_LABEL" description="TPL_MOKOONYX_FA7KITCODE_DESC" filter="string" />

				<!-- Header & Navigation UI -->
				<field name="theme_sep_header" type="spacer" label="Header &amp; Navigation" hr="false" class="text fw-bold" />
				<field name="stickyHeader" type="radio" label="TPL_MOKOONYX_STICKY_LABEL" layout="joomla.form.field.radio.switcher" default="0" filter="integer">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="backTop" type="radio" label="TPL_MOKOONYX_BACKTOTOP_LABEL" layout="joomla.form.field.radio.switcher" default="0" filter="integer">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>

				<!-- Accessibility -->
				<field name="theme_sep_a11y" type="spacer" label="Accessibility" hr="false" class="text fw-bold" />
				<field name="a11y_toolbar_enabled" type="radio" default="1"
							 label="TPL_MOKO_A11Y_TOOLBAR_ENABLED" description="TPL_MOKO_A11Y_TOOLBAR_ENABLED_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="a11y_text_resize" type="radio" default="1"
							 label="TPL_MOKO_A11Y_TEXT_RESIZE" description="TPL_MOKO_A11Y_TEXT_RESIZE_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean"
							 showon="a11y_toolbar_enabled:1">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="a11y_color_inversion" type="radio" default="1"
							 label="TPL_MOKO_A11Y_COLOR_INVERSION" description="TPL_MOKO_A11Y_COLOR_INVERSION_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean"
							 showon="a11y_toolbar_enabled:1">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="a11y_high_contrast" type="radio" default="1"
							 label="TPL_MOKO_A11Y_HIGH_CONTRAST" description="TPL_MOKO_A11Y_HIGH_CONTRAST_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean"
							 showon="a11y_toolbar_enabled:1">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="a11y_highlight_links" type="radio" default="1"
							 label="TPL_MOKO_A11Y_HIGHLIGHT_LINKS" description="TPL_MOKO_A11Y_HIGHLIGHT_LINKS_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean"
							 showon="a11y_toolbar_enabled:1">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="a11y_readable_font" type="radio" default="1"
							 label="TPL_MOKO_A11Y_READABLE_FONT" description="TPL_MOKO_A11Y_READABLE_FONT_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean"
							 showon="a11y_toolbar_enabled:1">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<field name="a11y_pause_animations" type="radio" default="1"
							 label="TPL_MOKO_A11Y_PAUSE_ANIMATIONS" description="TPL_MOKO_A11Y_PAUSE_ANIMATIONS_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean"
							 showon="a11y_toolbar_enabled:1">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<!-- Position forced to bottom-right in index.php -->
				<field name="a11y_toolbar_pos" type="hidden" default="br"
							 label="TPL_MOKO_A11Y_TOOLBAR_POS" description="TPL_MOKO_A11Y_TOOLBAR_POS_DESC"
							 showon="a11y_toolbar_enabled:1">
					<option value="br">Bottom-right</option>
					<option value="bl">Bottom-left</option>
					<option value="tr">Top-right</option>
					<option value="tl">Top-left</option>
				</field>

				<!-- Toggle UI -->
				<field name="theme_sep_toggle" type="spacer" label="Theme Toggle UI" hr="false" class="text fw-bold" />
				<field name="theme_fab_enabled" type="radio" default="1"
							 label="TPL_MOKO_THEME_FAB_ENABLED" description="TPL_MOKO_THEME_FAB_ENABLED_DESC"
							 layout="joomla.form.field.radio.switcher" filter="boolean">
					<option value="0">JNO</option>
					<option value="1">JYES</option>
				</field>
				<!-- Position forced to bottom-right in index.php -->
				<field name="theme_fab_pos" type="hidden" default="br"
							 label="TPL_MOKO_THEME_FAB_POS" description="TPL_MOKO_THEME_FAB_POS_DESC">
					<option value="br">Bottom-right</option>
					<option value="bl">Bottom-left</option>
					<option value="tr">Top-right</option>
					<option value="tl">Top-left</option>
				</field>
			</fieldset>

			<!-- CSS Variables reference tab -->
			<fieldset name="css_variables" label="TPL_MOKOONYX_CSS_VARS_FIELDSET_LABEL">
				<field name="css_vars_intro" type="note" description="TPL_MOKOONYX_CSS_VARS_INTRO" />
				<field name="css_vars_brand" type="note" label="TPL_MOKOONYX_CSS_VARS_BRAND_LABEL" description="TPL_MOKOONYX_CSS_VARS_BRAND_DESC" class="alert alert-light" />
				<field name="css_vars_links" type="note" label="TPL_MOKOONYX_CSS_VARS_LINKS_LABEL" description="TPL_MOKOONYX_CSS_VARS_LINKS_DESC" class="alert alert-light" />
				<field name="css_vars_typography" type="note" label="TPL_MOKOONYX_CSS_VARS_TYPO_LABEL" description="TPL_MOKOONYX_CSS_VARS_TYPO_DESC" class="alert alert-light" />
				<field name="css_vars_nav" type="note" label="TPL_MOKOONYX_CSS_VARS_NAV_LABEL" description="TPL_MOKOONYX_CSS_VARS_NAV_DESC" class="alert alert-light" />
				<field name="css_vars_layout" type="note" label="TPL_MOKOONYX_CSS_VARS_LAYOUT_LABEL" description="TPL_MOKOONYX_CSS_VARS_LAYOUT_DESC" class="alert alert-light" />
				<field name="css_vars_breakpoints" type="note" label="TPL_MOKOONYX_CSS_VARS_BP_LABEL" description="TPL_MOKOONYX_CSS_VARS_BP_DESC" class="alert alert-light" />
				<field name="css_vars_bootstrap" type="note" label="TPL_MOKOONYX_CSS_VARS_BS_LABEL" description="TPL_MOKOONYX_CSS_VARS_BS_DESC" class="alert alert-light" />
				<field name="css_vars_bootstrap_states" type="note" label="TPL_MOKOONYX_CSS_VARS_BS_STATES_LABEL" description="TPL_MOKOONYX_CSS_VARS_BS_STATES_DESC" class="alert alert-light" />
				<field name="css_vars_alert_list" type="note" label="TPL_MOKOONYX_CSS_VARS_ALERT_LIST_LABEL" description="TPL_MOKOONYX_CSS_VARS_ALERT_LIST_DESC" class="alert alert-light" />
				<field name="css_vars_colors" type="note" label="TPL_MOKOONYX_CSS_VARS_COLORS_LABEL" description="TPL_MOKOONYX_CSS_VARS_COLORS_DESC" class="alert alert-light" />
				<field name="css_vars_hero" type="note" label="TPL_MOKOONYX_CSS_VARS_HERO_LABEL" description="TPL_MOKOONYX_CSS_VARS_HERO_DESC" class="alert alert-light" />
				<field name="css_vars_hero_variants" type="note" label="TPL_MOKOONYX_CSS_VARS_HERO_VARIANTS_LABEL" description="TPL_MOKOONYX_CSS_VARS_HERO_VARIANTS_DESC" class="alert alert-info" />
				<field name="css_vars_block_colors" type="note" label="TPL_MOKOONYX_CSS_VARS_BLOCK_COLORS_LABEL" description="TPL_MOKOONYX_CSS_VARS_BLOCK_COLORS_DESC" class="alert alert-info" />
				<field name="css_vars_header" type="note" label="TPL_MOKOONYX_CSS_VARS_HEADER_LABEL" description="TPL_MOKOONYX_CSS_VARS_HEADER_DESC" class="alert alert-light" />
				<field name="css_vars_containers" type="note" label="TPL_MOKOONYX_CSS_VARS_CONTAINERS_LABEL" description="TPL_MOKOONYX_CSS_VARS_CONTAINERS_DESC" class="alert alert-light" />
				<field name="css_vars_borders" type="note" label="TPL_MOKOONYX_CSS_VARS_BORDERS_LABEL" description="TPL_MOKOONYX_CSS_VARS_BORDERS_DESC" class="alert alert-light" />
				<field name="css_vars_shadows" type="note" label="TPL_MOKOONYX_CSS_VARS_SHADOWS_LABEL" description="TPL_MOKOONYX_CSS_VARS_SHADOWS_DESC" class="alert alert-light" />
				<field name="css_vars_forms" type="note" label="TPL_MOKOONYX_CSS_VARS_FORMS_LABEL" description="TPL_MOKOONYX_CSS_VARS_FORMS_DESC" class="alert alert-light" />
				<field name="css_vars_buttons" type="note" label="TPL_MOKOONYX_CSS_VARS_BUTTONS_LABEL" description="TPL_MOKOONYX_CSS_VARS_BUTTONS_DESC" class="alert alert-light" />
				<field name="css_vars_cards" type="note" label="TPL_MOKOONYX_CSS_VARS_CARDS_LABEL" description="TPL_MOKOONYX_CSS_VARS_CARDS_DESC" class="alert alert-light" />
				<field name="css_vars_accordion" type="note" label="TPL_MOKOONYX_CSS_VARS_ACCORDION_LABEL" description="TPL_MOKOONYX_CSS_VARS_ACCORDION_DESC" class="alert alert-light" />
				<field name="css_vars_alert_base" type="note" label="TPL_MOKOONYX_CSS_VARS_ALERT_BASE_LABEL" description="TPL_MOKOONYX_CSS_VARS_ALERT_BASE_DESC" class="alert alert-light" />
				<field name="css_vars_badge" type="note" label="TPL_MOKOONYX_CSS_VARS_BADGE_LABEL" description="TPL_MOKOONYX_CSS_VARS_BADGE_DESC" class="alert alert-light" />
				<field name="css_vars_breadcrumb" type="note" label="TPL_MOKOONYX_CSS_VARS_BREADCRUMB_LABEL" description="TPL_MOKOONYX_CSS_VARS_BREADCRUMB_DESC" class="alert alert-light" />
				<field name="css_vars_dropdown_menu" type="note" label="TPL_MOKOONYX_CSS_VARS_DROPDOWN_MENU_LABEL" description="TPL_MOKOONYX_CSS_VARS_DROPDOWN_MENU_DESC" class="alert alert-light" />
				<field name="css_vars_list_group" type="note" label="TPL_MOKOONYX_CSS_VARS_LIST_GROUP_LABEL" description="TPL_MOKOONYX_CSS_VARS_LIST_GROUP_DESC" class="alert alert-light" />
				<field name="css_vars_modal" type="note" label="TPL_MOKOONYX_CSS_VARS_MODAL_LABEL" description="TPL_MOKOONYX_CSS_VARS_MODAL_DESC" class="alert alert-light" />
				<field name="css_vars_backdrop" type="note" label="TPL_MOKOONYX_CSS_VARS_BACKDROP_LABEL" description="TPL_MOKOONYX_CSS_VARS_BACKDROP_DESC" class="alert alert-light" />
				<field name="css_vars_nav_tabs" type="note" label="TPL_MOKOONYX_CSS_VARS_NAV_TABS_LABEL" description="TPL_MOKOONYX_CSS_VARS_NAV_TABS_DESC" class="alert alert-light" />
				<field name="css_vars_nav_pills" type="note" label="TPL_MOKOONYX_CSS_VARS_NAV_PILLS_LABEL" description="TPL_MOKOONYX_CSS_VARS_NAV_PILLS_DESC" class="alert alert-light" />
				<field name="css_vars_pagination" type="note" label="TPL_MOKOONYX_CSS_VARS_PAGINATION_LABEL" description="TPL_MOKOONYX_CSS_VARS_PAGINATION_DESC" class="alert alert-light" />
				<field name="css_vars_popover" type="note" label="TPL_MOKOONYX_CSS_VARS_POPOVER_LABEL" description="TPL_MOKOONYX_CSS_VARS_POPOVER_DESC" class="alert alert-light" />
				<field name="css_vars_progress" type="note" label="TPL_MOKOONYX_CSS_VARS_PROGRESS_LABEL" description="TPL_MOKOONYX_CSS_VARS_PROGRESS_DESC" class="alert alert-light" />
				<field name="css_vars_spinner" type="note" label="TPL_MOKOONYX_CSS_VARS_SPINNER_LABEL" description="TPL_MOKOONYX_CSS_VARS_SPINNER_DESC" class="alert alert-light" />
				<field name="css_vars_table" type="note" label="TPL_MOKOONYX_CSS_VARS_TABLE_LABEL" description="TPL_MOKOONYX_CSS_VARS_TABLE_DESC" class="alert alert-light" />
				<field name="css_vars_toast" type="note" label="TPL_MOKOONYX_CSS_VARS_TOAST_LABEL" description="TPL_MOKOONYX_CSS_VARS_TOAST_DESC" class="alert alert-light" />
				<field name="css_vars_tooltip" type="note" label="TPL_MOKOONYX_CSS_VARS_TOOLTIP_LABEL" description="TPL_MOKOONYX_CSS_VARS_TOOLTIP_DESC" class="alert alert-light" />
				<field name="css_vars_components" type="note" label="TPL_MOKOONYX_CSS_VARS_COMPONENTS_LABEL" description="TPL_MOKOONYX_CSS_VARS_COMPONENTS_DESC" class="alert alert-light" />
				<field name="css_vars_offcanvas" type="note" label="TPL_MOKOONYX_CSS_VARS_OFFCANVAS_LABEL" description="TPL_MOKOONYX_CSS_VARS_OFFCANVAS_DESC" class="alert alert-light" />
				<field name="css_vars_virtuemart" type="note" label="TPL_MOKOONYX_CSS_VARS_VM_LABEL" description="TPL_MOKOONYX_CSS_VARS_VM_DESC" class="alert alert-light" />
				<field name="css_vars_gable" type="note" label="TPL_MOKOONYX_CSS_VARS_GABLE_LABEL" description="TPL_MOKOONYX_CSS_VARS_GABLE_DESC" class="alert alert-light" />
				<field name="css_vars_footer" type="note" label="TPL_MOKOONYX_CSS_VARS_FOOTER_LABEL" description="TPL_MOKOONYX_CSS_VARS_FOOTER_DESC" class="alert alert-light" />
			</fieldset>

			<!-- Theme Preview tab — embedded test sheet -->
			<fieldset name="theme_preview" label="TPL_MOKOONYX_THEME_PREVIEW_FIELDSET_LABEL">
				<field name="theme_preview_intro" type="note" description="TPL_MOKOONYX_THEME_PREVIEW_INTRO" />
				<field name="theme_preview_frame" type="note" description="TPL_MOKOONYX_THEME_PREVIEW_FRAME" />
			</fieldset>
		</fields>
	</config>
</extension>
