; Copyright (C) 2026 Moko Consulting ; ; This file is part of a Moko Consulting project. ; ; SPDX-License-Identifier: GPL-3.0-or-later ; ; #FILE INFORMATION ; DEFGROUP: Joomla.Template.Site ; INGROUP: MokoCassiopeia ; PATH: ./language/en-GB/tpl_mokocassiopeia.ini ; VERSION: 03.09.01 ; BRIEF: English (GB) language strings for the MokoCassiopeia Joomla template ; ; Note: Template metadata strings (name, description) are in tpl_mokocassiopeia.sys.ini ; ===== System / layout ===== TPL_MOKOCASSIOPEIA_DEVELOPMENTMODE_LABEL="Development Mode" TPL_MOKOCASSIOPEIA_DEVELOPMENTMODE_DESC="If 'Development Mode' is active, certain features may be disabled, such as Google Tag Manager and Google Analytics." TPL_MOKOCASSIOPEIA_FLUID_LABEL="Layout" TPL_MOKOCASSIOPEIA_STATIC="Static" TPL_MOKOCASSIOPEIA_FLUID="Fluid" ; ===== Custom Code tab ===== TPL_MOKOCASSIOPEIA_CUSTOM_CODE_FIELDSET="Custom Code" TPL_MOKOCASSIOPEIA_CUSTOM_HEAD_START_LABEL="Custom Head: Start" TPL_MOKOCASSIOPEIA_CUSTOM_HEAD_START_DESC="This content will be inserted at the beginning of the <head> tag" TPL_MOKOCASSIOPEIA_CUSTOM_HEAD_END_LABEL="Custom Head: End" TPL_MOKOCASSIOPEIA_CUSTOM_HEAD_END_DESC="This content will be inserted at the end of the <head> tag" TPL_MOKOCASSIOPEIA_OFFLINEEMBED_LABEL="Offline Page Embed Code" TPL_MOKOCASSIOPEIA_OFFLINEEMBED_DESC="In addition to the 'Offline message' defined in 'Global Configuration', this will be displayed on the offline page.Use for Mailchimp code and Social Icons" ; ===== Drawers ===== TPL_MOKOCASSIOPEIA_DRAWERS_FIELDSET_LABEL="Drawers" TPL_MOKOCASSIOPEIA_DRAWER_LEFT_ICON_LABEL="Drawer Left Icon CSS" TPL_MOKOCASSIOPEIA_DRAWER_LEFT_ICON_DESC="Enter the Font-Awesome class for the left drawer toggle (e.g. 'fas fa-chevron-left')." TPL_MOKOCASSIOPEIA_DRAWER_RIGHT_ICON_LABEL="Drawer Right Icon CSS" TPL_MOKOCASSIOPEIA_DRAWER_RIGHT_ICON_DESC="Enter the Font-Awesome class for the right drawer toggle (e.g. 'fas fa-chevron-right')." ; ===== Google ===== TPL_MOKOCASSIOPEIA_GOOGLE_FIELDSET_LABEL="Google" TPL_MOKOCASSIOPEIA_GOOGLE_NOTE_TEXT="

PLEASE NOTE:

If fields are left blank, relative Google features will not be used" TPL_MOKOCASSIOPEIA_GOOGLETAGMANAGER_LABEL="Use Google Tag Manager?" TPL_MOKOCASSIOPEIA_GOOGLETAGMANAGER_DESC="Do you want to use Google Tag Manager?
More information on Google Tag Manager can be found here." TPL_MOKOCASSIOPEIA_GOOGLETAGMANAGERID_LABEL="Google Tag Manager ID" TPL_MOKOCASSIOPEIA_GOOGLETAGMANAGERID_DESC="Begins with 'GTM-'" TPL_MOKOCASSIOPEIA_GOOGLEANALYTICS_LABEL="Use Google Analytics?" TPL_MOKOCASSIOPEIA_GOOGLEANALYTICS_DESC="Do you want to use Google Analytics?
More information on Google Analytics can be found here." TPL_MOKOCASSIOPEIA_GOOGLEANALYTICSID_LABEL="Google Analytics ID" TPL_MOKOCASSIOPEIA_GOOGLEANALYTICSID_DESC="Begins with 'G-'" TPL_MOKOCASSIOPEIA_GOOGLESITEKEY_LABEL="Google Search Console Verification" TPL_MOKOCASSIOPEIA_GOOGLESITEKEY_DESC="Paste the content value from the <meta name="google-site-verification"> tag. Find this in Google Search Console under Ownership Verification → HTML tag method." ; ===== Branding & icons (Theme tab) ===== TPL_MOKOCASSIOPEIA_BRAND_LABEL="Brand" TPL_MOKOCASSIOPEIA_LOGO_LABEL="Logo" TPL_MOKOCASSIOPEIA_TITLE="Title (alternative to logo)" TPL_MOKOCASSIOPEIA_TAGLINE_LABEL="Tagline" TPL_MOKOCASSIOPEIA_TAGLINE_DESC="Optional text to show as a subheading" TPL_MOKOCASSIOPEIA_FA7KITCODE_LABEL="Font Awesome 7 Kit Unique Code" TPL_MOKOCASSIOPEIA_FA7KITCODE_DESC="If left blank, Font Awesome 7 Free will be used.
Copy the unique Kit embed code above and paste it into the <head> of your project's HTML file or template.
More information at the Font Awesome website." ; ===== Typography (Theme tab) ===== TPL_MOKOCASSIOPEIA_FONT_LABEL="Fonts Scheme" TPL_MOKOCASSIOPEIA_FONT_LABEL_DESC="Select a font scheme for your site. Local fonts are loaded from the template folder, while web fonts are loaded from external sources (Google Fonts). The default is Roboto (local). See the note below for important privacy and performance considerations." TPL_MOKOCASSIOPEIA_FONT_GROUP_LOCAL="Fonts from Folder" TPL_MOKOCASSIOPEIA_FONT_GROUP_WEB="Fonts from Web" TPL_MOKOCASSIOPEIA_FONT_NOTE_TEXT="Loading fonts from external sources might be against privacy regulations in some countries.
Loading fonts from a local folder might have a performance impact on your site." ; ===== Header & navigation (Theme tab) ===== TPL_MOKOCASSIOPEIA_STICKY_LABEL="Sticky Header" TPL_MOKOCASSIOPEIA_BACKTOTOP="Back to Top" TPL_MOKOCASSIOPEIA_BACKTOTOP_LABEL="Back-to-top Link" TPL_MOKOCASSIOPEIA_TOC="Table of Contents" ; ===== Color palette choices (shared) ===== TPL_MOKOCASSIOPEIA_COLOR_NAME_STANDARD="Standard" TPL_MOKOCASSIOPEIA_COLOR_NAME_CUSTOM="Custom" ; New labels for Theme tab dropdowns TPL_MOKOCASSIOPEIA_COLOR_LIGHT_NAME_LABEL="Light colour palette" TPL_MOKOCASSIOPEIA_COLOR_LIGHT_NAME_DESC="Select a colour palette for light mode. Standard uses the default blue theme with comprehensive styling for all components. Custom loads media/templates/site/mokocassiopeia/css/theme/light.custom.css — copy the starter file from templates/mokocassiopeia/templates/light.custom.css and customise the CSS variables to match your brand." TPL_MOKOCASSIOPEIA_COLOR_DARK_NAME_LABEL="Dark colour palette" TPL_MOKOCASSIOPEIA_COLOR_DARK_NAME_DESC="Select a colour palette for dark mode. Standard uses the default blue theme optimised for dark backgrounds with proper contrast. Custom loads media/templates/site/mokocassiopeia/css/theme/dark.custom.css — copy the starter file from templates/mokocassiopeia/templates/dark.custom.css and customise the CSS variables to match your brand." ; ===== Theme tab (core feature strings) ===== TPL_MOKO_THEME_FIELDSET="Theme" TPL_MOKO_THEME_SECTION_GENERAL="General" TPL_MOKO_THEME_SECTION_VARS="Variables & Palettes" TPL_MOKO_THEME_SECTION_TYPO="Typography" TPL_MOKO_THEME_SECTION_BRAND="Branding & Icons" TPL_MOKO_THEME_SECTION_HEADER="Header & Navigation" TPL_MOKO_THEME_SECTION_TOGGLE="Theme Toggle UI" TPL_MOKO_THEME_ENABLED="Enable theme feature" TPL_MOKO_THEME_ENABLED_DESC="Turn the entire light/dark feature on or off." TPL_MOKO_THEME_CONTROL_TYPE="Theme Control Type" TPL_MOKO_THEME_CONTROL_TYPE_DESC="Choose a visible toggle (Switch or Radios), or no control to follow System only." TPL_MOKO_THEME_DEFAULT_CHOICE="Default Choice" TPL_MOKO_THEME_DEFAULT_CHOICE_DESC="Initial theme when no user preference is stored." TPL_MOKO_THEME_AUTO_DARK="Auto Dark Mode" TPL_MOKO_THEME_AUTO_DARK_DESC="Force the site to switch to dark mode automatically. When enabled, the template will override the default and use dark unless the user explicitly selects otherwise." TPL_MOKO_THEME_META_COLOR_SCHEME="Add <meta name="color-scheme">" TPL_MOKO_THEME_META_COLOR_SCHEME_DESC="Advertise light/dark support for UA controls." TPL_MOKO_THEME_META_THEME_COLOR="Add <meta name="theme-color">" TPL_MOKO_THEME_META_THEME_COLOR_DESC="Update mobile address bar color." TPL_MOKO_THEME_BASE_CSS="Base template CSS" TPL_MOKO_THEME_BASE_CSS_DESC="Main stylesheet that consumes variables." TPL_MOKO_THEME_BRIDGE="Sync data-bs-theme with data-aria-theme" TPL_MOKO_THEME_BRIDGE_DESC="Keep both attributes in lockstep so Bootstrap and custom CSS stay aligned." TPL_MOKO_THEME_FAB_ENABLED="Show floating theme switch" TPL_MOKO_THEME_FAB_ENABLED_DESC="Display a persistent, accessible theme toggle." TPL_MOKO_THEME_FAB_POS="Floating switch position" TPL_MOKO_THEME_FAB_POS_DESC="Screen corner for the toggle." ; ===== CSS Variables tab ===== TPL_MOKOCASSIOPEIA_CSS_VARS_FIELDSET_LABEL="CSS Variables" TPL_MOKOCASSIOPEIA_CSS_VARS_INTRO="

All colours, spacing and layout values are driven by CSS custom properties. To override any variable without editing the template, add your overrides to media/templates/site/mokocassiopeia/css/user.css, or create a custom palette file (see the Theme tab). Variables are scoped to :root[data-bs-theme="light"] or :root[data-bs-theme="dark"] so light and dark values are independent.

" TPL_MOKOCASSIOPEIA_CSS_VARS_BRAND_LABEL="Brand & Theme Colours" TPL_MOKOCASSIOPEIA_CSS_VARS_BRAND_DESC="--color-primary — Primary brand colour (default: #112855)
--accent-color-primary — Primary accent (default: #3f8ff0)
--accent-color-secondary — Secondary accent" TPL_MOKOCASSIOPEIA_CSS_VARS_LINKS_LABEL="Links & Link Utilities" TPL_MOKOCASSIOPEIA_CSS_VARS_LINKS_DESC="Core link tokens
--color-link — Base link colour
--color-hover — Base hover colour
--link-color / --link-hover-color — Bootstrap link colours
--link-decoration — Default text-decoration
--link-active-color — Active state

Semantic link utilities (replace {colour} with primary, secondary, success, info, warning, danger, light, dark)
--link-{colour}-color — Colour for .link-{colour}
--link-{colour}-hover-color — Hover colour" TPL_MOKOCASSIOPEIA_CSS_VARS_TYPO_LABEL="Typography & Body" TPL_MOKOCASSIOPEIA_CSS_VARS_TYPO_DESC="--body-color — Default text colour (default: #22262a)
--body-bg — Page background (default: #fff)
--body-font-family — Font stack
--body-font-size — Base size (default: 1rem)
--body-font-weight — Base weight (default: 400)
--body-line-height — Line height (default: 1.5)
--heading-color — Heading colour (default: inherit)
--muted-color — Muted/secondary text (default: #6d757e)
--code-color — Inline code colour
--emphasis-color — Strong emphasis colour
--secondary-color / --tertiary-color — Stepped text opacities
--highlight-color / --highlight-bg — <mark> colours
--font-sans-serif / --font-monospace — Font stacks" TPL_MOKOCASSIOPEIA_CSS_VARS_NAV_LABEL="Navigation, Navbar & Offcanvas" TPL_MOKOCASSIOPEIA_CSS_VARS_NAV_DESC="Theme nav
--nav-bg-color — Navbar background
--nav-text-color — Navbar text
--mainmenu-nav-link-color — Active nav link

Navbar tokens
--navbar-padding-x / --navbar-padding-y — Navbar padding
--navbar-brand-font-size — Brand font size
--navbar-toggler-border-color — Mobile toggler border
--nav-link-padding-x / --nav-link-padding-y — Link padding
--nav-link-font-weight — Link weight
--nav-link-disabled-color — Disabled link colour

Offcanvas
--offcanvas-color — Offcanvas text colour
--offcanvas-padding-x / --offcanvas-padding-y — Offcanvas padding" TPL_MOKOCASSIOPEIA_CSS_VARS_LAYOUT_LABEL="Layout & Spacing" TPL_MOKOCASSIOPEIA_CSS_VARS_LAYOUT_DESC="--padding-x / --padding-y — Default component padding
--nav-toggle-size — Mobile nav toggle button size (default: 3rem)
--secondary-bg — Secondary surface background (default: #eaedf0)
--tertiary-bg — Tertiary surface background (default: #f9fafb)
--hr-color — Horizontal rule colour
--border-color-soft — Soft border variant
--kbd-bg / --kbd-ink — Keyboard element colours
--toc-bg / --toc-ink — Table of contents colours
--selection-bg / --selection-ink — Text selection colours
--gradient — Bootstrap gradient overlay value
--bg-opacity — Background opacity utility base" TPL_MOKOCASSIOPEIA_CSS_VARS_BP_LABEL="Breakpoints" TPL_MOKOCASSIOPEIA_CSS_VARS_BP_DESC="Read-only reference values matching Bootstrap breakpoints.
--bp-xs — 0
--bp-sm — 576px
--bp-md — 768px
--bp-lg — 992px
--bp-xl — 1200px" TPL_MOKOCASSIOPEIA_CSS_VARS_BS_LABEL="Bootstrap Semantic Palette" TPL_MOKOCASSIOPEIA_CSS_VARS_BS_DESC="These map to Bootstrap components (buttons, alerts, badges). Override to retheme all components at once.
--primary — #010156
--secondary — #6d757e
--success — #448344
--info — #30638d
--warning — #ad6200
--danger — #a51f18
--light — #f9fafb
--dark — #353b41
Each colour also has an --{color}-rgb variant for use in rgba() expressions." TPL_MOKOCASSIOPEIA_CSS_VARS_BS_STATES_LABEL="Bootstrap State Colours" TPL_MOKOCASSIOPEIA_CSS_VARS_BS_STATES_DESC="Contextual state tokens used by alerts, badges and list groups. Replace {color} with primary, secondary, success, info, warning, danger, light, or dark.
--{color}-text-emphasis — High-contrast text on subtle backgrounds
--{color}-bg-subtle — Tinted component background
--{color}-border-subtle — Tinted component border" TPL_MOKOCASSIOPEIA_CSS_VARS_ALERT_LIST_LABEL="Alert & List Group Colours" TPL_MOKOCASSIOPEIA_CSS_VARS_ALERT_LIST_DESC="Alert link colours — override to adjust link contrast inside .alert-{color} components.
--alert-{color}-link-color — e.g. --alert-primary-link-color

List group item colours — contextual surfaces for .list-group-item-{color}.
--list-group-item-{color}-color — Text colour
--list-group-item-{color}-bg — Background
--list-group-item-{color}-active-bg — Active state background" TPL_MOKOCASSIOPEIA_CSS_VARS_COLORS_LABEL="Standard Colours, Grays & Opacity" TPL_MOKOCASSIOPEIA_CSS_VARS_COLORS_DESC="Named colours
--blue, --indigo, --purple, --pink, --red, --orange, --yellow, --green, --teal, --cyan, --black, --white

Gray scale
--gray-100 through --gray-900 plus --white-rgb and --black-rgb

Opacity utilities
--opacity-0, --opacity-5, --opacity-10, --opacity-15, --opacity-20, --opacity-25, --opacity-30, --opacity-50, --opacity-75, --opacity-100" TPL_MOKOCASSIOPEIA_CSS_VARS_HERO_LABEL="Hero / Banner Overlay" TPL_MOKOCASSIOPEIA_CSS_VARS_HERO_DESC="Applied to the .custom-hero / .banner-overlay layout. Set on :root[data-bs-theme] so light and dark values are independent.
--hero-height — Banner height (default: 70vh)
--hero-color — Base text colour
--hero-bg-repeat — Background repeat (default: no-repeat)
--hero-bg-attachment — Background attachment (default: fixed)
--hero-bg-position — Background position (default: top center)
--hero-bg-size — Background size (default: cover)
--hero-border-bottom — Bottom border (default: solid var(--accent-color-secondary))
--hero-overlay-bg — Overlay tint colour (light default: hsla(0,0%,0%,0.1) / dark default: hsla(0,0%,0%,0.3))
--hero-overlay-padding — Overlay inner padding (default: 1em)
--hero-overlay-text-align — Overlay text alignment (default: center)
--hero-overlay-text-color — Overlay text colour" TPL_MOKOCASSIOPEIA_CSS_VARS_HERO_VARIANTS_LABEL="Hero Variants (.hero#primary / .hero#secondary)" TPL_MOKOCASSIOPEIA_CSS_VARS_HERO_VARIANTS_DESC="Two-variant hero system using .hero#primary and .hero#secondary. Each variant resolves its own CSS variable set per theme.

Primary variant — homepage, main landing pages (sky blue tint, softer overlay)
--hero-primary-bg-color — Fallback background colour
--hero-primary-overlay — Gradient overlay tint
--hero-primary-color — Text colour

Secondary variant — inner pages, events, about (navy overlay, lighter text)
--hero-secondary-bg-color — Fallback background colour
--hero-secondary-overlay — Gradient overlay tint
--hero-secondary-color — Text colour

HTML usage:
<div class="hero" id="primary" style="background-image:url(...)">" TPL_MOKOCASSIOPEIA_CSS_VARS_BLOCK_COLORS_LABEL="Block Color System (top-a / top-b / bottom-a / bottom-b)" TPL_MOKOCASSIOPEIA_CSS_VARS_BLOCK_COLORS_DESC="Automatic brand colour palette for modules in top-a, top-b, bottom-a, and bottom-b positions. Colours assigned by :nth-child() order — no classes needed.

Slot palette
--block-color-1 / --block-text-1 — 1st module
--block-color-2 / --block-text-2 — 2nd module
--block-color-3 / --block-text-3 — 3rd module
--block-color-4 / --block-text-4 — 4th module

Named overrides (add an ID to the module HTML to bypass slot colour)
--block-highlight-bg / --block-highlight-text — for #block-highlight
--block-cta-bg / --block-cta-text — for #block-cta
--block-alert-bg / --block-alert-text — for #block-alert

Priority: Named ID > Slot colour. No !important needed — specificity handles it." TPL_MOKOCASSIOPEIA_CSS_VARS_HEADER_LABEL="Header Background" TPL_MOKOCASSIOPEIA_CSS_VARS_HEADER_DESC="Controls the background of the topbar/header area.
--header-background-image — CSS background-image value (default: built-in SVG pattern)
--header-background-attachment — fixed or scroll
--header-background-repeat — e.g. repeat, no-repeat
--header-background-size — e.g. auto, cover, contain" TPL_MOKOCASSIOPEIA_CSS_VARS_CONTAINERS_LABEL="Container Backgrounds" TPL_MOKOCASSIOPEIA_CSS_VARS_CONTAINERS_DESC="Each layout container has its own background variables. Replace {pos} with: below-topbar, top-a, top-b, sidebar, bottom-a, or bottom-b.

--container-{pos}-bg-image — Background image (default: none)
--container-{pos}-bg-color — Background colour (default: transparent)
--container-{pos}-bg-position — Background position
--container-{pos}-bg-attachment — fixed or scroll
--container-{pos}-bg-repeat — Repeat behaviour
--container-{pos}-bg-size — e.g. cover, auto
--container-{pos}-border — Border shorthand
--container-{pos}-border-radius — Border radius

Also: --container-toc-bg / --container-toc-color for the TOC sidebar." TPL_MOKOCASSIOPEIA_CSS_VARS_BORDERS_LABEL="Borders" TPL_MOKOCASSIOPEIA_CSS_VARS_BORDERS_DESC="--border-width — Default width (default: 1px)
--border-style — Default style (default: solid)
--border-color — Default border colour (default: #dfe3e7)
--border-color-translucent — Semi-transparent border
--border-radius — Default radius (default: .25rem)
--border-radius-sm — Small radius
--border-radius-lg — Large radius
--border-radius-xl — Extra large radius
--border-radius-xxl — 2XL radius (default: 2rem)
--border-radius-pill — Pill radius (default: 50rem)" TPL_MOKOCASSIOPEIA_CSS_VARS_SHADOWS_LABEL="Shadows & Shadow Tokens" TPL_MOKOCASSIOPEIA_CSS_VARS_SHADOWS_DESC="Box shadows
--box-shadow — Standard shadow
--box-shadow-sm — Subtle shadow
--box-shadow-lg — Prominent shadow
--box-shadow-inset — Inset shadow

Shadow colour tokens — used as building blocks by component shadows
--shadow-color-light — rgba(black, 0.15)
--shadow-color-medium — rgba(black, 0.25)
--shadow-color-dark — rgba(black, 0.30)
--highlight-translucent — rgba(white, 0.15)" TPL_MOKOCASSIOPEIA_CSS_VARS_FORMS_LABEL="Focus & Forms" TPL_MOKOCASSIOPEIA_CSS_VARS_FORMS_DESC="--focus-ring-width — Keyboard focus ring width (default: .25rem)
--focus-ring-opacity — Focus ring opacity
--focus-ring-color — Focus ring colour
--input-color — Input text colour
--input-bg — Input background
--input-border-color — Input border colour
--input-focus-border-color — Focused border colour
--input-focus-box-shadow — Focused input shadow
--input-placeholder-color — Placeholder text colour
--input-disabled-bg — Disabled input background
--input-disabled-border-color — Disabled input border
--form-valid-color / --form-valid-border-color — Valid state
--form-invalid-color / --form-invalid-border-color — Invalid state" TPL_MOKOCASSIOPEIA_CSS_VARS_BUTTONS_LABEL="Buttons" TPL_MOKOCASSIOPEIA_CSS_VARS_BUTTONS_DESC="Applied on :root for global button defaults:
--btn-border-radius — Button border radius
--btn-box-shadow — Button box shadow

Applied on .btn for base button tokens (overridable per variant):
--btn-padding-x / --btn-padding-y — Padding
--btn-font-size / --btn-font-weight / --btn-line-height — Typography
--btn-color / --btn-bg / --btn-border-color — Default state
--btn-hover-color / --btn-hover-bg / --btn-hover-border-color — Hover state
--btn-active-color / --btn-active-bg / --btn-active-shadow — Active state
--btn-disabled-opacity — Disabled opacity

Each .btn-{color} and .btn-outline-{color} class inherits these tokens and sets its own values." TPL_MOKOCASSIOPEIA_CSS_VARS_CARDS_LABEL="Cards" TPL_MOKOCASSIOPEIA_CSS_VARS_CARDS_DESC="--card-spacer-y / --card-spacer-x — Body padding (default: 1rem)
--card-title-spacer-y — Title bottom margin (default: 0.5rem)
--card-border-width — Border width (default: 1px)
--card-border-color — Border colour
--card-border-radius — Border radius
--card-box-shadow — Card shadow (default: none)
--card-cap-padding-y / --card-cap-padding-x — Header/footer padding
--card-cap-bg — Header/footer background
--card-cap-color — Header/footer text colour
--card-color — Body text colour
--card-bg — Card background" TPL_MOKOCASSIOPEIA_CSS_VARS_ACCORDION_LABEL="Accordion" TPL_MOKOCASSIOPEIA_CSS_VARS_ACCORDION_DESC="Colours
--accordion-color — Panel text colour
--accordion-bg — Panel background
--accordion-border-color — Border colour
--accordion-btn-color — Button text colour
--accordion-btn-bg — Button background
--accordion-btn-focus-border-color — Button focus border colour
--accordion-btn-focus-box-shadow — Button focus ring
--accordion-active-color — Active item text colour
--accordion-active-bg — Active item background

Dimensions
--accordion-border-width — Border width
--accordion-border-radius — Outer border radius
--accordion-inner-border-radius — Inner border radius
--accordion-btn-padding-x / --accordion-btn-padding-y — Button padding
--accordion-body-padding-x / --accordion-body-padding-y — Body padding

Icon & Animation
--accordion-btn-icon — Collapse icon (collapsed state)
--accordion-btn-icon-width — Icon size
--accordion-btn-icon-transform — Icon rotation when expanded
--accordion-btn-icon-transition — Icon rotation transition
--accordion-btn-active-icon — Icon (expanded state)
--accordion-transition — Panel open/close transition

Stacking
--accordion-zindex — z-index" TPL_MOKOCASSIOPEIA_CSS_VARS_ALERT_BASE_LABEL="Alert (Base)" TPL_MOKOCASSIOPEIA_CSS_VARS_ALERT_BASE_DESC="Colours
--alert-color — Alert text colour
--alert-bg — Alert background
--alert-border-color — Border colour
--alert-border — Full border shorthand

Dimensions
--alert-padding-x / --alert-padding-y — Inner padding
--alert-margin-bottom — Bottom margin
--alert-border-radius — Border radius

Note: per-variant contextual tokens (colours, backgrounds, borders) are covered in the Bootstrap State Colours section above." TPL_MOKOCASSIOPEIA_CSS_VARS_BADGE_LABEL="Badge" TPL_MOKOCASSIOPEIA_CSS_VARS_BADGE_DESC="Colours
--badge-color — Badge text colour

Typography
--badge-font-size — Font size
--badge-font-weight — Font weight

Dimensions
--badge-padding-x / --badge-padding-y — Padding
--badge-border-radius — Border radius" TPL_MOKOCASSIOPEIA_CSS_VARS_BACKDROP_LABEL="Backdrop" TPL_MOKOCASSIOPEIA_CSS_VARS_BACKDROP_DESC="Colours
--backdrop-bg — Backdrop colour (default: #000)
--backdrop-opacity — Backdrop opacity (default: 0.5)

Stacking
--backdrop-zindex — z-index (default: 1040)" TPL_MOKOCASSIOPEIA_CSS_VARS_BREADCRUMB_LABEL="Breadcrumb" TPL_MOKOCASSIOPEIA_CSS_VARS_BREADCRUMB_DESC="Colours
--breadcrumb-bg — Background colour
--breadcrumb-divider-color — Divider colour
--breadcrumb-item-active-color — Active item colour

Dimensions
--breadcrumb-padding-x / --breadcrumb-padding-y — Container padding
--breadcrumb-margin-bottom — Bottom margin
--breadcrumb-item-padding-x — Spacing between items
--breadcrumb-border-radius — Container border radius" TPL_MOKOCASSIOPEIA_CSS_VARS_DROPDOWN_MENU_LABEL="Dropdown Menu" TPL_MOKOCASSIOPEIA_CSS_VARS_DROPDOWN_MENU_DESC="Colours
--dropdown-color — Default text colour
--dropdown-bg — Menu background
--dropdown-border-color — Border colour
--dropdown-divider-bg — Divider colour
--dropdown-box-shadow — Menu shadow
--dropdown-link-color — Link text colour
--dropdown-link-active-color — Active link text colour
--dropdown-link-active-bg — Active link background
--dropdown-link-disabled-color — Disabled link colour
--dropdown-header-color — Header text colour

Dimensions
--dropdown-min-width — Minimum width
--dropdown-padding-x / --dropdown-padding-y — Menu padding
--dropdown-spacer — Gap from toggle
--dropdown-border-width — Border width
--dropdown-border-radius — Outer border radius
--dropdown-inner-border-radius — Inner border radius
--dropdown-divider-margin-y — Divider vertical margin
--dropdown-item-padding-x / --dropdown-item-padding-y — Item padding
--dropdown-header-padding-x / --dropdown-header-padding-y — Header padding

Typography
--dropdown-font-size — Menu font size

Stacking
--dropdown-zindex — z-index" TPL_MOKOCASSIOPEIA_CSS_VARS_LIST_GROUP_LABEL="List Group" TPL_MOKOCASSIOPEIA_CSS_VARS_LIST_GROUP_DESC="Colours
--list-group-color — Default text colour
--list-group-bg — Default background
--list-group-border-color — Border colour
--list-group-action-color — Clickable item text colour
--list-group-action-active-color — Clickable item active text colour
--list-group-action-active-bg — Clickable item active background
--list-group-disabled-color — Disabled item text colour
--list-group-disabled-bg — Disabled item background
--list-group-active-color — Active item text colour
--list-group-active-bg — Active item background
--list-group-active-border-color — Active item border colour

Dimensions
--list-group-border-width — Border width
--list-group-border-radius — Border radius
--list-group-item-padding-x / --list-group-item-padding-y — Item padding" TPL_MOKOCASSIOPEIA_CSS_VARS_MODAL_LABEL="Modal" TPL_MOKOCASSIOPEIA_CSS_VARS_MODAL_DESC="Colours
--modal-color — Modal text colour
--modal-bg — Modal background
--modal-border-color — Outer border colour
--modal-box-shadow — Modal shadow
--modal-header-border-color — Header border colour
--modal-footer-bg — Footer background
--modal-footer-border-color — Footer border colour

Dimensions
--modal-width — Default modal width
--modal-padding — Body padding
--modal-margin — Outer margin
--modal-border-width — Outer border width
--modal-border-radius — Outer border radius
--modal-inner-border-radius — Inner border radius
--modal-header-padding-x / --modal-header-padding-y — Header padding
--modal-header-padding — Header padding shorthand
--modal-header-border-width — Header border width
--modal-title-line-height — Title line height
--modal-footer-gap — Footer button gap
--modal-footer-border-width — Footer border width

Stacking
--modal-zindex — z-index" TPL_MOKOCASSIOPEIA_CSS_VARS_NAV_TABS_LABEL="Nav Tabs" TPL_MOKOCASSIOPEIA_CSS_VARS_NAV_TABS_DESC="Colours
--nav-tabs-border-color — Tab bar border colour
--nav-tabs-link-active-color — Active tab text colour
--nav-tabs-link-active-bg — Active tab background
--nav-tabs-link-active-border-color — Active tab border colour

Dimensions
--nav-tabs-border-width — Border width
--nav-tabs-border-radius — Tab border radius" TPL_MOKOCASSIOPEIA_CSS_VARS_NAV_PILLS_LABEL="Nav Pills" TPL_MOKOCASSIOPEIA_CSS_VARS_NAV_PILLS_DESC="Colours
--nav-pills-link-active-color — Active pill text colour
--nav-pills-link-active-bg — Active pill background

Dimensions
--nav-pills-border-radius — Pill border radius" TPL_MOKOCASSIOPEIA_CSS_VARS_PAGINATION_LABEL="Pagination" TPL_MOKOCASSIOPEIA_CSS_VARS_PAGINATION_DESC="Colours
--pagination-color — Default link colour
--pagination-bg — Default background
--pagination-border-color — Default border colour
--pagination-focus-color — Focused link colour
--pagination-focus-bg — Focused background
--pagination-focus-box-shadow — Focus ring
--pagination-active-color — Active page text colour
--pagination-active-bg — Active page background
--pagination-active-border-color — Active page border colour
--pagination-disabled-color — Disabled link colour
--pagination-disabled-bg — Disabled background
--pagination-disabled-border-color — Disabled border colour

Dimensions
--pagination-padding-x / --pagination-padding-y — Item padding
--pagination-border-width — Border width
--pagination-border-radius — Border radius

Typography
--pagination-font-size — Font size" TPL_MOKOCASSIOPEIA_CSS_VARS_POPOVER_LABEL="Popover" TPL_MOKOCASSIOPEIA_CSS_VARS_POPOVER_DESC="Colours
--popover-bg — Popover background
--popover-border-color — Border colour
--popover-box-shadow — Popover shadow
--popover-header-color — Header text colour
--popover-header-bg — Header background
--popover-body-color — Body text colour
--popover-arrow-border — Arrow border colour

Dimensions
--popover-max-width — Maximum width
--popover-border-width — Border width
--popover-border-radius — Outer border radius
--popover-inner-border-radius — Inner border radius
--popover-header-padding-x / --popover-header-padding-y — Header padding
--popover-body-padding-x / --popover-body-padding-y — Body padding
--popover-arrow-width / --popover-arrow-height — Arrow dimensions

Typography
--popover-font-size — Font size
--popover-header-font-size — Header font size

Stacking
--popover-zindex — z-index" TPL_MOKOCASSIOPEIA_CSS_VARS_PROGRESS_LABEL="Progress Bar" TPL_MOKOCASSIOPEIA_CSS_VARS_PROGRESS_DESC="Colours
--progress-bg — Track background
--progress-bar-color — Bar text colour
--progress-bar-bg — Bar fill colour
--progress-box-shadow — Track shadow

Dimensions
--progress-height — Track height
--progress-border-radius — Track border radius

Typography
--progress-font-size — Label font size

Animation
--progress-bar-transition — Bar width transition" TPL_MOKOCASSIOPEIA_CSS_VARS_SPINNER_LABEL="Spinner" TPL_MOKOCASSIOPEIA_CSS_VARS_SPINNER_DESC="Dimensions
--spinner-width — Spinner width
--spinner-height — Spinner height
--spinner-vertical-align — Inline vertical alignment
--spinner-border-width — Border-style spinner track width

Animation
--spinner-animation-speed — Rotation duration" TPL_MOKOCASSIOPEIA_CSS_VARS_TABLE_LABEL="Table" TPL_MOKOCASSIOPEIA_CSS_VARS_TABLE_DESC="Colours
--table-color — Default cell text colour
--table-bg — Default cell background
--table-border-color — Border colour
--table-accent-bg — Accent row background (used by variants)
--table-striped-color — Striped row text colour
--table-striped-bg — Striped row background
--table-active-color — Hovered/active row text colour
--table-active-bg — Hovered/active row background" TPL_MOKOCASSIOPEIA_CSS_VARS_TOAST_LABEL="Toast" TPL_MOKOCASSIOPEIA_CSS_VARS_TOAST_DESC="Colours
--toast-color — Body text colour
--toast-bg — Body background
--toast-border-color — Border colour
--toast-box-shadow — Toast shadow
--toast-header-color — Header text colour
--toast-header-bg — Header background
--toast-header-border-color — Header border colour

Dimensions
--toast-max-width — Maximum width
--toast-padding-x / --toast-padding-y — Body padding
--toast-spacing — Gap between stacked toasts
--toast-border-width — Border width
--toast-border-radius — Border radius

Typography
--toast-font-size — Font size

Stacking
--toast-zindex — z-index" TPL_MOKOCASSIOPEIA_CSS_VARS_TOOLTIP_LABEL="Tooltip" TPL_MOKOCASSIOPEIA_CSS_VARS_TOOLTIP_DESC="Colours
--tooltip-color — Text colour
--tooltip-bg — Background
--tooltip-opacity — Overall opacity

Dimensions
--tooltip-max-width — Maximum width
--tooltip-padding-x / --tooltip-padding-y — Inner padding
--tooltip-margin — Offset from target
--tooltip-border-radius — Border radius
--tooltip-arrow-width / --tooltip-arrow-height — Arrow dimensions

Typography
--tooltip-font-size — Font size

Stacking
--tooltip-zindex — z-index" TPL_MOKOCASSIOPEIA_CSS_VARS_COMPONENTS_LABEL="Component & Plugin Colours" TPL_MOKOCASSIOPEIA_CSS_VARS_COMPONENTS_DESC="Misc components
--mod-finder-link-hover — Smart Search hover background
--form-legend-color — Form legend text colour
--border-gray — General gray border
--subhead-color — Subheading colour
--item-list-color — Item list background
--notification-badge-bg — Notification badge

Table of Contents (TOC)
--toc-link-color — TOC link colour
--toc-link-active-color — Active TOC link

Choices.js select
--choices-inner-bg — Inner background
--choices-dropdown-bg — Dropdown background
--choices-item-bg — Tag item background
--choices-item-hover-bg — Tag hover
--choices-disabled-bg — Disabled state
--choices-focused-border — Focused border

Tab buttons (taba)
--taba-btn-green, --taba-btn-blue, --taba-btn-red, --taba-btn-gray" TPL_MOKOCASSIOPEIA_CSS_VARS_OFFCANVAS_LABEL="Offcanvas Panel" TPL_MOKOCASSIOPEIA_CSS_VARS_OFFCANVAS_DESC="Dimensions
--offcanvas-width — Panel width (default: 400px)
--offcanvas-height — Panel height for top/bottom variants (default: 30vh)
--offcanvas-padding-x / --offcanvas-padding-y — Inner padding

Colours
--offcanvas-bg — Panel background (default: var(--body-bg))
--offcanvas-color — Panel text colour (default: var(--body-color))
--offcanvas-border-width / --offcanvas-border-color — Panel border
--offcanvas-box-shadow — Drop shadow

Stacking
--offcanvas-zindex — z-index (default: 1045)" TPL_MOKOCASSIOPEIA_CSS_VARS_VM_LABEL="VirtueMart" TPL_MOKOCASSIOPEIA_CSS_VARS_VM_DESC="Surfaces & text
--vm-surface / --vm-surface-2 — Card/panel backgrounds
--vm-text / --vm-text-strong / --vm-text-muted — Text variants
--vm-border — Border colour
--vm-price-color — Price text colour

Layout & density
--vm-container-max-width — Max content width (default: 1200px)
--vm-section-gap — Section spacing (default: 2rem)
--vm-block-radius / --vm-block-shadow — Block appearance

Typography
--vm-category-title-size — Category heading size
--vm-product-title-size — Product title size
--vm-price-size — Price size

Buttons
--vm-btn-primary-bg / --vm-btn-primary-text — Primary button
--vm-btn-secondary-bg / --vm-btn-secondary-text — Secondary button

Image overlay controls
--vm-image-overlay-btn-bg / --vm-image-overlay-btn-color — Overlay button appearance" TPL_MOKOCASSIOPEIA_CSS_VARS_GABLE_LABEL="Gable" TPL_MOKOCASSIOPEIA_CSS_VARS_GABLE_DESC="Colour tokens used by the Gable extension.
--gab-blue — #0066cc
--gab-green — #28a745
--gab-red — #dc3545
--gab-orange — #fd7e14
--gab-gray1 — #495057
--gab-gray2 — #6c757d
--gab-gray3 — #adb5bd" ; ===== Misc ===== MOD_BREADCRUMBS_HERE="YOU ARE HERE:" JGLOBAL_OFFLINE="Offline"