remfoe Alternative option

src/language/en-GB/tpl_mokocassiopeia.ini

@@ -74,7 +74,6 @@ TPL_MOKOCASSIOPEIA_TOC="Table of Contents"
 
 ; ===== Color palette choices (shared) =====
 TPL_MOKOCASSIOPEIA_COLOR_NAME_STANDARD="Standard"
-TPL_MOKOCASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
 TPL_MOKOCASSIOPEIA_COLOR_NAME_CUSTOM="Custom"
 ; New labels for Theme tab dropdowns
 TPL_MOKOCASSIOPEIA_COLOR_LIGHT_NAME_LABEL="Light colour palette"

src/language/en-US/tpl_mokocassiopeia.ini

@@ -74,7 +74,6 @@ TPL_MOKOCASSIOPEIA_TOC="Table of Contents"
 
 ; ===== Color palette choices (shared) =====
 TPL_MOKOCASSIOPEIA_COLOR_NAME_STANDARD="Standard"
-TPL_MOKOCASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
 TPL_MOKOCASSIOPEIA_COLOR_NAME_CUSTOM="Custom"
 ; New labels for Theme tab dropdowns
 TPL_MOKOCASSIOPEIA_COLOR_LIGHT_NAME_LABEL="Light color palette"

src/media/css/colors/dark/colors_alternative.css

@@ -1,514 +0,0 @@
-@charset "UTF-8";
-/* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
-
- 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: ./media/templates/site/mokocassiopeia/css/global/dark/colors_alternative.css
- VERSION: 03.05.00
- BRIEF: Alternative dark mode color definitions (Teal & Purple) for MokoCassiopeia template
- */
-
-/* -----------------------------------------------
- * ALTERNATIVE DARK THEME - TEAL & PURPLE
- * --------------------------------------------- */
-
-:root[data-bs-theme='dark']{
-color-scheme: dark;
-
-/* ===== BRAND & THEME COLORS ===== */
---color-primary: #14b8a6;
---accent-color-primary: #c084fc;
---accent-color-secondary: #d8b4fe;
-
-/* ===== NAVIGATION ===== */
---mainmenu-nav-link-color: #fff;
---nav-text-color: #e2e8f0;
---nav-bg-color: #0f766e;
-
-/* ===== LINKS ===== */
---color-link: #e9d5ff;
---color-hover: #c084fc;
---color-active: var(--mainmenu-nav-link-color);
---link-color: #c084fc;
---link-color-rgb: 192, 132, 252;
---link-decoration: underline;
---link-hover-color: #d8b4fe;
---link-hover-color-rgb: 216, 180, 254;
---link-active-color: var(--link-color);
-
-/* ===== OFFCANVAS ===== */
---offcanvas-color: var(--body-color);
---offcanvas-padding-x: 1rem;
---offcanvas-padding-y: 1rem;
-
-/* ===== NAVBAR ===== */
---navbar-padding-x: 1rem;
---navbar-padding-y: 0.5rem;
---navbar-color: var(--nav-text-color);
---navbar-active-color: var(--mainmenu-nav-link-color);
---navbar-disabled-color: #475569;
---navbar-brand-padding-y: 0.3125rem;
---navbar-brand-margin-end: 1rem;
---navbar-brand-font-size: 1.25rem;
---navbar-brand-color: var(--nav-text-color);
---navbar-brand-active-color: var(--mainmenu-nav-link-color);
---navbar-nav-link-padding-x: 0.5rem;
---navbar-toggler-padding-y: 0.25rem;
---navbar-toggler-padding-x: 0.75rem;
---navbar-toggler-font-size: 1.25rem;
---navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
---navbar-toggler-border-radius: 0.25rem;
---navbar-toggler-focus-width: 0.25rem;
---navbar-toggler-transition: box-shadow 0.15s ease-in-out;
---nav-link-padding-x: 1rem;
---nav-link-padding-y: 0.5rem;
---nav-link-font-weight: 400;
---nav-link-color: var(--nav-text-color);
---nav-link-active-color: var(--mainmenu-nav-link-color);
---nav-link-disabled-color: #475569;
-
-/* ===== TYPOGRAPHY & BODY ===== */
---font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
---font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
---body-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
---body-font-size: 1rem;
---body-font-weight: 400;
---body-line-height: 1.5;
---body-color: #e2e8f0;
---body-color-rgb: 226, 232, 240;
---body-bg: #0f172a;
---body-bg-rgb: 15, 23, 42;
---heading-color: #f1f5f9;
---emphasis-color: #fff;
---emphasis-color-rgb: 255, 255, 255;
---secondary-color: #cbd5e1;
---secondary-color-rgb: 203, 213, 225;
---tertiary-color: #94a3b8;
---tertiary-color-rgb: 148, 163, 184;
---muted-color: #64748b;
---code-color: #e879f9;
---code-color-ink: var(--code-color, #e879f9);
---highlight-color: #0f172a;
---highlight-bg: #fef08a1a;
-
-/* ===== LAYOUT & SPACING ===== */
---padding-x: 0.15rem;
---padding-y: 0.15rem;
---bg-opacity: 1;
---nav-toggle-size: 3rem;
---gradient: linear-gradient(180deg, #ffffff26, #fff0);
---secondary-bg: #1e293b;
---secondary-bg-rgb: 30, 41, 59;
---tertiary-bg: #334155;
---tertiary-bg-rgb: 51, 65, 85;
---hr-color: var(--border-color, #334155);
---border-color-soft: var(--border-color, #334155);
---kbd-bg: var(--secondary-bg, #1e293b);
---kbd-ink: var(--body-bg, #0f172a);
---toc-bg: var(--secondary-bg, #1e293b);
---toc-ink: var(--color-primary, #14b8a6);
---selection-bg: var(--highlight-bg, #fef08a1a);
---selection-ink: var(--body-color, #e2e8f0);
---border: 5px;
-
-/* ===== BREAKPOINTS ===== */
---bp-xs: 0;
---bp-sm: 576px;
---bp-md: 768px;
---bp-lg: 992px;
---bp-xl: 1200px;
-
-/* ===== BOOTSTRAP PALETTE ===== */
---primary: #14b8a6;
---secondary: #64748b;
---success: #34d399;
---info: #38bdf8;
---warning: #fbbf24;
---danger: #fb7185;
---light: #334155;
---dark: #0f172a;
---primary-rgb: 20, 184, 166;
---secondary-rgb: 100, 116, 139;
---success-rgb: 52, 211, 153;
---info-rgb: 56, 189, 248;
---warning-rgb: 251, 191, 36;
---danger-rgb: 251, 113, 133;
---light-rgb: 51, 65, 85;
---dark-rgb: 15, 23, 42;
---primary-text-emphasis: #99f6e4;
---secondary-text-emphasis: #cbd5e1;
---success-text-emphasis: #a7f3d0;
---info-text-emphasis: #bae6fd;
---warning-text-emphasis: #fde68a;
---danger-text-emphasis: #fecdd3;
---light-text-emphasis: #cbd5e1;
---dark-text-emphasis: #cbd5e1;
---primary-bg-subtle: #134e4a;
---secondary-bg-subtle: #1e293b;
---success-bg-subtle: #064e3b;
---info-bg-subtle: #0c4a6e;
---warning-bg-subtle: #78350f;
---danger-bg-subtle: #881337;
---light-bg-subtle: #1e293b;
---dark-bg-subtle: #0f172a;
---primary-border-subtle: #115e59;
---secondary-border-subtle: #334155;
---success-border-subtle: #065f46;
---info-border-subtle: #075985;
---warning-border-subtle: #92400e;
---danger-border-subtle: #9f1239;
---light-border-subtle: #334155;
---dark-border-subtle: #1e293b;
-
-/* ===== STANDARD COLORS ===== */
---blue: #60a5fa;
---indigo: #818cf8;
---purple: #c084fc;
---pink: #f472b6;
---red: #f87171;
---orange: #fb923c;
---yellow: #fbbf24;
---green: #34d399;
---teal: #2dd4bf;
---cyan: #22d3ee;
---black: #000;
---white: #fff;
-
-/* ===== GRAY SCALE ===== */
---gray-100: #1e293b;
---gray-200: #334155;
---gray-300: #475569;
---gray-400: #64748b;
---gray-500: #94a3b8;
---gray-600: #cbd5e1;
---gray-700: #e2e8f0;
---gray-800: #f1f5f9;
---gray-900: #f8fafc;
---white-rgb: 255, 255, 255;
---black-rgb: 0, 0, 0;
-
-/* ===== HEADER BACKGROUND ===== */
---header-background-image: url('../../../../../../media/templates/site/mokocassiopeia/images/bg.svg');
---header-background-attachment: fixed;
---header-background-repeat: repeat;
---header-background-size: auto;
-
-/* ===== CONTAINER BACKGROUNDS ===== */
-/* Below Topbar Container */
---container-below-topbar-bg-image: none;
---container-below-topbar-bg-color: transparent;
---container-below-topbar-bg-position: center;
---container-below-topbar-bg-attachment: fixed;
---container-below-topbar-bg-repeat: no-repeat;
---container-below-topbar-bg-size: cover;
---container-below-topbar-border: none;
---container-below-topbar-border-radius: 0;
-
-/* Top A Container */
---container-top-a-bg-image: none;
---container-top-a-bg-color: transparent;
---container-top-a-bg-position: center;
---container-top-a-bg-attachment: fixed;
---container-top-a-bg-repeat: no-repeat;
---container-top-a-bg-size: cover;
---container-top-a-border: none;
---container-top-a-border-radius: 0;
-
-/* Top B Container */
---container-top-b-bg-image: none;
---container-top-b-bg-color: transparent;
---container-top-b-bg-position: center;
---container-top-b-bg-attachment: fixed;
---container-top-b-bg-repeat: no-repeat;
---container-top-b-bg-size: cover;
---container-top-b-border: none;
---container-top-b-border-radius: 0;
-
-/* TOC Container */
---container-toc-bg: var(--secondary-bg);
---container-toc-color: #99f6e4;
-
-/* Sidebar Container */
---container-sidebar-bg-image: none;
---container-sidebar-bg-color: transparent;
---container-sidebar-bg-position: center;
---container-sidebar-bg-attachment: scroll;
---container-sidebar-bg-repeat: repeat;
---container-sidebar-bg-size: auto;
---container-sidebar-border: none;
---container-sidebar-border-radius: 0;
-
-/* Bottom A Container */
---container-bottom-a-bg-image: none;
---container-bottom-a-bg-color: transparent;
---container-bottom-a-bg-position: center;
---container-bottom-a-bg-attachment: fixed;
---container-bottom-a-bg-repeat: no-repeat;
---container-bottom-a-bg-size: cover;
---container-bottom-a-border: none;
---container-bottom-a-border-radius: 5px;
-
-/* Bottom B Container */
---container-bottom-b-bg-image: none;
---container-bottom-b-bg-color: transparent;
---container-bottom-b-bg-position: center;
---container-bottom-b-bg-attachment: fixed;
---container-bottom-b-bg-repeat: no-repeat;
---container-bottom-b-bg-size: cover;
---container-bottom-b-border: none;
---container-bottom-b-border-radius: 0;
-
-/* ===== BORDERS ===== */
---border-width: 1px;
---border-style: solid;
---border-color: #334155;
---border-color-translucent: #ffffff26;
---border-radius: .25rem;
---border-radius-sm: .2rem;
---border-radius-lg: .3rem;
---border-radius-xl: .3rem;
---border-radius-xxl: 2rem;
---border-radius-2xl: var(--border-radius-xxl);
---border-radius-pill: 50rem;
-
-/* ===== SHADOWS ===== */
---box-shadow: 0 .5rem 1rem #00000066;
---box-shadow-sm: 0 .125rem .25rem #00000040;
---box-shadow-lg: 0 1rem 3rem #00000080;
---box-shadow-inset: inset 0 1px 2px #00000040;
-
-/* ===== FOCUS & FORMS ===== */
---focus-ring-width: .25rem;
---focus-ring-opacity: .6;
---focus-ring-color: #14b8a666;
---input-color: #e2e8f0;
---input-bg: #1e293b;
---input-border-color: #475569;
---input-focus-border-color: #14b8a6;
---input-focus-box-shadow: 0 0 0 0.25rem rgba(20, 184, 166, 0.25);
---input-placeholder-color: #94a3b8;
---input-disabled-bg: #0f172a;
---input-disabled-border-color: #334155;
---form-valid-color: #34d399;
---form-valid-border-color: #34d399;
---form-invalid-color: #fb7185;
---form-invalid-border-color: #fb7185;
-
-/* ===== BUTTONS ===== */
---btn-border-radius: var(--border-radius);
---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.3);
-
-/* ===== CARDS ===== */
---card-spacer-y: 1rem;
---card-spacer-x: 1rem;
---card-title-spacer-y: 0.5rem;
---card-border-width: 1px;
---card-border-color: var(--border-color);
---card-border-radius: var(--border-radius);
---card-box-shadow: none;
---card-inner-border-radius: calc(var(--border-radius) - 1px);
---card-cap-padding-y: 0.5rem;
---card-cap-padding-x: 1rem;
---card-cap-bg: rgba(255, 255, 255, 0.03);
---card-cap-color: var(--body-color);
---card-height: auto;
---card-color: var(--body-color);
---card-bg: var(--secondary-bg);
---card-img-overlay-padding: 1rem;
---card-group-margin: 0.75rem;
-
-/* ===== VIRTUEMART (VM) ===== */
-/* VM Surfaces */
---vm-surface: var(--secondary-bg);
---vm-surface-2: var(--tertiary-bg);
---vm-text: var(--body-color);
---vm-text-strong: #ffffff;
---vm-text-muted: var(--gray-600);
---vm-border: var(--border-color);
---vm-price-color: var(--success);
-
-/* VM Layout and Density */
---vm-container-max-width: 1200px;
---vm-section-gap: 2rem;
---vm-block-radius: var(--border-radius);
---vm-block-shadow: var(--box-shadow-sm);
-
-/* VM Typography */
---vm-category-title-size: 2rem;
---vm-subcategory-title-size: 1.5rem;
---vm-page-title-size: 1.75rem;
---vm-products-type-title-size: 1.25rem;
---vm-product-title-size: 1.125rem;
---vm-product-title-weight: 500;
---vm-products-type-title-weight: 600;
---vm-price-size: 1.5rem;
---vm-price-detail-size: 1.125rem;
---vm-price-desc-size: 0.875rem;
-
-/* VM Controls */
---vm-input-radius: var(--border-radius);
---vm-input-shadow: var(--box-shadow-sm);
---vm-qty-width: 80px;
---vm-cart-dropdown-min-width: 300px;
-
-/* VM Alerts */
---vm-alert-radius: var(--border-radius);
---vm-alert-shadow: var(--box-shadow-sm);
---vm-availability-bg: var(--success-bg-subtle);
---vm-availability-text: var(--success);
-
-/* VM Buttons */
---vm-btn-padding-x: 1rem;
---vm-btn-padding-y: 0.5rem;
---vm-btn-radius: var(--border-radius);
---vm-btn-shadow: var(--box-shadow-sm);
---vm-btn-primary-bg: var(--primary);
---vm-btn-primary-text: #ffffff;
---vm-btn-primary-border: var(--primary);
---vm-btn-secondary-bg: var(--secondary);
---vm-btn-secondary-text: #ffffff;
---vm-btn-secondary-border: var(--secondary);
-
-/* VM Image Overlay Controls */
---vm-image-overlay-gap-x: 0.5rem;
---vm-image-overlay-gap-y: 0.5rem;
---vm-image-overlay-raise: 0.25rem;
---vm-image-overlay-btn-size: 2.5rem;
---vm-image-overlay-btn-radius: 50%;
---vm-image-overlay-btn-bg: rgba(0, 0, 0, 0.7);
---vm-image-overlay-btn-bg-hover: rgba(0, 0, 0, 0.85);
---vm-image-overlay-btn-border-color: rgba(255, 255, 255, 0.2);
---vm-image-overlay-btn-border-width: 1px;
---vm-image-overlay-btn-color: var(--body-color);
---vm-image-overlay-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-
-/* VM Vendor Menu */
---vm-vendor-menu-bg: var(--secondary-bg);
---vm-vendor-menu-border: var(--border-color);
---vm-vendor-menu-radius: var(--border-radius);
---vm-vendor-menu-shadow: var(--box-shadow-sm);
---vm-vendor-menu-item-gap: 0.25rem;
---vm-vendor-menu-item-padding-x: 1rem;
---vm-vendor-menu-item-padding-y: 0.5rem;
---vm-vendor-menu-pill-radius: 50rem;
---vm-vendor-menu-link: var(--link-color);
---vm-vendor-menu-link-hover: var(--link-hover-color);
---vm-vendor-menu-link-active: var(--primary);
---vm-vendor-menu-hover-bg: var(--tertiary-bg);
-
-/* ===== GABLE ===== */
---gab-blue: #60a5fa;
---gab-green: #34d399;
---gab-red: #f87171;
---gab-orange: #fb923c;
---gab-gray1: #94a3b8;
---gab-gray2: #cbd5e1;
---gab-gray3: #e2e8f0;
-}
-
-.btn {
---btn-padding-x: 1rem;
---btn-padding-y: 0.6rem;
---btn-font-family: inherit;
---btn-font-size: 1rem;
---btn-font-weight: 400;
---btn-line-height: 1.5;
---btn-color: var(--white);
---btn-bg: transparent;
---btn-border-width: 1px;
---btn-border-color: transparent;
---btn-border-radius: 0.25rem;
---btn-active-border-color: transparent;
---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
---btn-disabled-opacity: 0.65;
---btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
-display: inline-block;
-padding: var(--btn-padding-y) var(--btn-padding-x);
-font-family: var(--btn-font-family);
-font-size: var(--btn-font-size);
-font-weight: var(--btn-font-weight);
-line-height: var(--btn-line-height);
-color: var(--btn-color);
-text-align: center;
-text-decoration: none;
-vertical-align: middle;
-cursor: pointer;
--webkit-user-select: none;
--moz-user-select: none;
--ms-user-select: none;
-user-select: none;
-border: var(--btn-border-width) solid var(--btn-border-color);
-border-radius: var(--btn-border-radius);
-background-color: var(--btn-bg);
--webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
--o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-}
-
-.btn-primary {
---btn-color: #ffffff;
---btn-bg: #14b8a6;
---btn-border-color: #14b8a6;
---btn-hover-color: #ffffff;
---btn-hover-bg: #0d9488;
---btn-hover-border-color: #0d9488;
---btn-focus-shadow-rgb: 20, 184, 166;
---btn-active-color: #ffffff;
---btn-active-bg: #0d9488;
---btn-active-border-color: #0f766e;
-}
-
-.btn-secondary {
---btn-color: var(--nav-text-color);
---btn-bg: var(--nav-bg-color);
---btn-border-color: #475569;
---btn-hover-color: #fff;
---btn-hover-bg: #115e59;
---btn-hover-border-color: #134e4a;
---btn-focus-shadow-rgb: 20, 184, 166;
---btn-active-color: #fff;
---btn-active-bg: #134e4a;
---btn-active-border-color: #134e4a;
-}
-
-.btn-outline-light {
---btn-color: #e2e8f0;
---btn-border-color: #e2e8f0;
---btn-hover-color: #0f172a;
---btn-hover-bg: #e2e8f0;
---btn-hover-border-color: #e2e8f0;
---btn-active-color: #0f172a;
---btn-active-bg: #cbd5e1;
---btn-active-border-color: #cbd5e1;
---gradient: none;
-}
-
-.btn-link {
---btn-font-weight: 400;
---btn-color: var(--color-link);
---btn-bg: transparent;
---btn-border-color: transparent;
---btn-hover-color: var(--link-hover-color);
---btn-hover-border-color: transparent;
---btn-active-color: var(--link-hover-color);
---btn-active-border-color: transparent;
---btn-disabled-color: #64748b;
---btn-disabled-border-color: transparent;
---btn-box-shadow: none;
---btn-focus-shadow-rgb: 20, 184, 166;
-text-decoration: underline;
-}
-
-.btn-secondary {
---btn-color: var(--color-hover);
---btn-bg: var(--nav-bg-color);
-}

src/media/css/colors/light/colors_alternative.css

@@ -1,742 +0,0 @@
-@charset "UTF-8";
-/* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
-
- 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: ./media/templates/site/mokocassiopeia/css/global/light/colors_alternative.css
- VERSION: 03.05.00
- BRIEF: Alternative light mode color definitions (Teal & Purple) for MokoCassiopeia template
- */
-
-/* -----------------------------------------------
- * ALTERNATIVE LIGHT THEME - TEAL & PURPLE
- * --------------------------------------------- */
-
-:root[data-bs-theme="light"] {
-color-scheme: light;
-
-/* ===== BRAND & THEME COLORS ===== */
---color-primary: #0d9488;
---accent-color-primary: #a855f7;
---accent-color-secondary: #c084fc;
-
-/* ===== NAVIGATION ===== */
---mainmenu-nav-link-color: white;
---nav-text-color: white;
---nav-bg-color: #0d9488;
-
-/* ===== LINKS ===== */
---color-link: #7c3aed;
---color-hover: #a855f7;
---link-color: #7c3aed;
---link-color-rgb: 124, 58, 237;
---link-decoration: underline;
---link-hover-color: #a855f7;
---link-hover-color-rgb: 168, 85, 247;
---link-active-color: var(--link-color);
-
-/* ===== OFFCANVAS ===== */
---offcanvas-color: var(--body-color);
---offcanvas-padding-x: 1rem;
---offcanvas-padding-y: 1rem;
-
-/* ===== NAVBAR ===== */
---navbar-padding-x: 1rem;
---navbar-padding-y: 0.5rem;
---navbar-color: var(--nav-text-color);
---navbar-active-color: var(--mainmenu-nav-link-color);
---navbar-disabled-color: #94a3b8;
---navbar-brand-padding-y: 0.3125rem;
---navbar-brand-margin-end: 1rem;
---navbar-brand-font-size: 1.25rem;
---navbar-brand-color: var(--nav-text-color);
---navbar-brand-active-color: var(--mainmenu-nav-link-color);
---navbar-nav-link-padding-x: 0.5rem;
---navbar-toggler-padding-y: 0.25rem;
---navbar-toggler-padding-x: 0.75rem;
---navbar-toggler-font-size: 1.25rem;
---navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
---navbar-toggler-border-radius: 0.25rem;
---navbar-toggler-focus-width: 0.25rem;
---navbar-toggler-transition: box-shadow 0.15s ease-in-out;
---nav-link-padding-x: 1rem;
---nav-link-padding-y: 0.5rem;
---nav-link-font-weight: 400;
---nav-link-color: var(--nav-text-color);
---nav-link-active-color: var(--mainmenu-nav-link-color);
---nav-link-disabled-color: #94a3b8;
-
-/* ===== TYPOGRAPHY & BODY ===== */
---font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
---font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
---body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
---body-font-size: 1rem;
---body-font-weight: 400;
---body-line-height: 1.5;
---body-color: #1e293b;
---body-color-rgb: 30, 41, 59;
---body-bg: #fff;
---body-bg-rgb: 255, 255, 255;
---heading-color: inherit;
---emphasis-color: #0f172a;
---emphasis-color-rgb: 15, 23, 42;
---secondary-color: #475569;
---secondary-color-rgb: 71, 85, 105;
---tertiary-color: #64748b;
---tertiary-color-rgb: 100, 116, 139;
---muted-color: #64748b;
---code-color: #c026d3;
---code-color-ink: var(--code-color, #c026d3);
---highlight-color: #1e293b;
---highlight-bg: #fde68a;
-
-/* ===== LAYOUT & SPACING ===== */
---padding-x: 0.15rem;
---padding-y: 0.15rem;
---bg-opacity: 1;
---nav-toggle-size: 3rem;
---gradient: linear-gradient(180deg, #ffffff26, #fff0);
---secondary-bg: #f1f5f9;
---secondary-bg-rgb: 241, 245, 249;
---tertiary-bg: #f8fafc;
---tertiary-bg-rgb: 248, 250, 252;
---hr-color: var(--border-color, #e2e8f0);
---border-color-soft: var(--border-color, #e2e8f0);
---kbd-bg: var(--secondary-bg, #f1f5f9);
---kbd-ink: var(--body-bg, #fff);
---toc-bg: var(--secondary-bg, #f1f5f9);
---toc-ink: var(--color-primary, #0d9488);
---selection-bg: var(--highlight-bg, #fde68a);
---selection-ink: var(--body-color, #1e293b);
---border: 5px;
-
-/* ===== BREAKPOINTS ===== */
---bp-xs: 0;
---bp-sm: 576px;
---bp-md: 768px;
---bp-lg: 992px;
---bp-xl: 1200px;
-
-/* ===== BOOTSTRAP PALETTE ===== */
---primary: #0d9488;
---secondary: #64748b;
---success: #10b981;
---info: #0ea5e9;
---warning: #f59e0b;
---danger: #f43f5e;
---light: #f8fafc;
---dark: #334155;
---primary-rgb: 13, 148, 136;
---secondary-rgb: 100, 116, 139;
---success-rgb: 16, 185, 129;
---info-rgb: 14, 165, 233;
---warning-rgb: 245, 158, 11;
---danger-rgb: 244, 63, 94;
---light-rgb: 248, 250, 252;
---dark-rgb: 51, 65, 85;
---primary-text-emphasis: #0f766e;
---secondary-text-emphasis: #334155;
---success-text-emphasis: #047857;
---info-text-emphasis: #0369a1;
---warning-text-emphasis: #c2410c;
---danger-text-emphasis: #be123c;
---light-text-emphasis: #475569;
---dark-text-emphasis: #475569;
---primary-bg-subtle: #ccfbf1;
---secondary-bg-subtle: #e2e8f0;
---success-bg-subtle: #d1fae5;
---info-bg-subtle: #e0f2fe;
---warning-bg-subtle: #fef3c7;
---danger-bg-subtle: #ffe4e6;
---light-bg-subtle: #fcfcfd;
---dark-bg-subtle: #cbd5e1;
---primary-border-subtle: #99f6e4;
---secondary-border-subtle: #cbd5e1;
---success-border-subtle: #a7f3d0;
---info-border-subtle: #bae6fd;
---warning-border-subtle: #fde68a;
---danger-border-subtle: #fecdd3;
---light-border-subtle: #f1f5f9;
---dark-border-subtle: #94a3b8;
-
-/* ===== STANDARD COLORS ===== */
---blue: #3b82f6;
---indigo: #6366f1;
---purple: #a855f7;
---pink: #ec4899;
---red: #ef4444;
---orange: #f97316;
---yellow: #f59e0b;
---green: #10b981;
---teal: #14b8a6;
---cyan: #06b6d4;
---black: #000;
---white: #fff;
-
-/* ===== GRAY SCALE ===== */
---gray-100: #f8fafc;
---gray-200: #f1f5f9;
---gray-300: #e2e8f0;
---gray-400: #cbd5e1;
---gray-500: #94a3b8;
---gray-600: #64748b;
---gray-700: #475569;
---gray-800: #334155;
---gray-900: #1e293b;
---white-rgb: 255, 255, 255;
---black-rgb: 0, 0, 0;
-
-/* ===== HEADER BACKGROUND ===== */
---header-background-image: url('../../../../../../media/templates/site/mokocassiopeia/images/bg.svg');
---header-background-attachment: fixed;
---header-background-repeat: repeat;
---header-background-size: auto;
-
-/* ===== CONTAINER BACKGROUNDS ===== */
-/* Below Topbar Container */
---container-below-topbar-bg-image: none;
---container-below-topbar-bg-color: transparent;
---container-below-topbar-bg-position: auto;
---container-below-topbar-bg-attachment: fixed;
---container-below-topbar-bg-repeat: repeat;
---container-below-topbar-bg-size: auto;
---container-below-topbar-border: none;
---container-below-topbar-border-radius: 0;
-
-/* Top A Container */
---container-top-a-bg-image: none;
---container-top-a-bg-color: transparent;
---container-top-a-bg-position: auto;
---container-top-a-bg-attachment: fixed;
---container-top-a-bg-repeat: repeat;
---container-top-a-bg-size: auto;
---container-top-a-border: none;
---container-top-a-border-radius: 0;
-
-/* Top B Container */
---container-top-b-bg-image: none;
---container-top-b-bg-color: transparent;
---container-top-b-bg-position: auto;
---container-top-b-bg-attachment: fixed;
---container-top-b-bg-repeat: repeat;
---container-top-b-bg-size: auto;
---container-top-b-border: none;
---container-top-b-border-radius: 0;
-
-/* TOC Container */
---container-toc-bg: var(--mainmenu-nav-link-color);
---container-toc-color: var(--color-primary);
-
-/* Sidebar Container */
---container-sidebar-bg-image: none;
---container-sidebar-bg-color: transparent;
---container-sidebar-bg-position: auto;
---container-sidebar-bg-attachment: scroll;
---container-sidebar-bg-repeat: repeat;
---container-sidebar-bg-size: auto;
---container-sidebar-border: none;
---container-sidebar-border-radius: 0;
-
-/* Bottom A Container */
---container-bottom-a-bg-image: none;
---container-bottom-a-bg-color: transparent;
---container-bottom-a-bg-position: auto;
---container-bottom-a-bg-attachment: fixed;
---container-bottom-a-bg-repeat: repeat;
---container-bottom-a-bg-size: auto;
---container-bottom-a-border: none;
---container-bottom-a-border-radius: 0;
-
-/* Bottom B Container */
---container-bottom-b-bg-image: none;
---container-bottom-b-bg-color: transparent;
---container-bottom-b-bg-position: auto;
---container-bottom-b-bg-attachment: fixed;
---container-bottom-b-bg-repeat: repeat;
---container-bottom-b-bg-size: auto;
---container-bottom-b-border: none;
---container-bottom-b-border-radius: 0;
-
-/* ===== BORDERS ===== */
---border-width: 1px;
---border-style: solid;
---border-color: #e2e8f0;
---border-color-translucent: #0000002d;
---border-radius: .25rem;
---border-radius-sm: .2rem;
---border-radius-lg: .3rem;
---border-radius-xl: .3rem;
---border-radius-xxl: 2rem;
---border-radius-2xl: var(--border-radius-xxl)*2;
---border-radius-pill: 50rem;
-
-/* ===== SHADOWS ===== */
---box-shadow: 0 .5rem 1rem #0000001a;
---box-shadow-sm: 0 .125rem .25rem #0000000d;
---box-shadow-lg: 0 1rem 3rem #00000026;
---box-shadow-inset: inset 0 1px 2px #0000000d;
-
-/* ===== FOCUS & FORMS ===== */
---focus-ring-width: .25rem;
---focus-ring-opacity: .25;
---focus-ring-color: #0d948840;
---input-color: #1e293b;
---input-bg: #f8fafc;
---input-border-color: #cbd5e1;
---input-focus-border-color: #14b8a6;
---input-focus-box-shadow: 0 0 0 0.25rem rgba(13, 148, 136, 0.25);
---input-placeholder-color: #64748b;
---input-disabled-bg: #e2e8f0;
---input-disabled-border-color: #cbd5e1;
---form-valid-color: #10b981;
---form-valid-border-color: #10b981;
---form-invalid-color: #f43f5e;
---form-invalid-border-color: #f43f5e;
-
-/* ===== BUTTONS ===== */
---btn-border-radius: var(--border-radius);
---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
-
-/* ===== CARDS ===== */
---card-spacer-y: 1rem;
---card-spacer-x: 1rem;
---card-title-spacer-y: 0.5rem;
---card-border-width: 1px;
---card-border-color: var(--border-color);
---card-border-radius: var(--border-radius);
---card-box-shadow: none;
---card-inner-border-radius: calc(var(--border-radius) - 1px);
---card-cap-padding-y: 0.5rem;
---card-cap-padding-x: 1rem;
---card-cap-bg: rgba(0, 0, 0, 0.03);
---card-cap-color: var(--body-color);
---card-height: auto;
---card-color: var(--body-color);
---card-bg: var(--body-bg);
---card-img-overlay-padding: 1rem;
---card-group-margin: 0.75rem;
-
-/* ===== VIRTUEMART (VM) ===== */
-/* VM Surfaces */
---vm-surface: #ffffff;
---vm-surface-2: #f8fafc;
---vm-text: var(--body-color);
---vm-text-strong: #0f172a;
---vm-text-muted: #64748b;
---vm-border: var(--border-color);
---vm-price-color: var(--success);
-
-/* VM Layout and Density */
---vm-container-max-width: 1200px;
---vm-section-gap: 2rem;
---vm-block-radius: var(--border-radius);
---vm-block-shadow: var(--box-shadow-sm);
-
-/* VM Typography */
---vm-category-title-size: 2rem;
---vm-subcategory-title-size: 1.5rem;
---vm-page-title-size: 1.75rem;
---vm-products-type-title-size: 1.25rem;
---vm-product-title-size: 1.125rem;
---vm-product-title-weight: 500;
---vm-products-type-title-weight: 600;
---vm-price-size: 1.5rem;
---vm-price-detail-size: 1.125rem;
---vm-price-desc-size: 0.875rem;
-
-/* VM Controls */
---vm-input-radius: var(--border-radius);
---vm-input-shadow: var(--box-shadow-sm);
---vm-qty-width: 80px;
---vm-cart-dropdown-min-width: 300px;
-
-/* VM Alerts */
---vm-alert-radius: var(--border-radius);
---vm-alert-shadow: var(--box-shadow-sm);
---vm-availability-bg: var(--success-bg-subtle);
---vm-availability-text: var(--success);
-
-/* VM Buttons */
---vm-btn-padding-x: 1rem;
---vm-btn-padding-y: 0.5rem;
---vm-btn-radius: var(--border-radius);
---vm-btn-shadow: var(--box-shadow-sm);
---vm-btn-primary-bg: var(--primary);
---vm-btn-primary-text: #ffffff;
---vm-btn-primary-border: var(--primary);
---vm-btn-secondary-bg: var(--secondary);
---vm-btn-secondary-text: #ffffff;
---vm-btn-secondary-border: var(--secondary);
-
-/* VM Image Overlay Controls */
---vm-image-overlay-gap-x: 0.5rem;
---vm-image-overlay-gap-y: 0.5rem;
---vm-image-overlay-raise: 0.25rem;
---vm-image-overlay-btn-size: 2.5rem;
---vm-image-overlay-btn-radius: 50%;
---vm-image-overlay-btn-bg: rgba(255, 255, 255, 0.9);
---vm-image-overlay-btn-bg-hover: rgba(255, 255, 255, 1);
---vm-image-overlay-btn-border-color: rgba(0, 0, 0, 0.1);
---vm-image-overlay-btn-border-width: 1px;
---vm-image-overlay-btn-color: var(--body-color);
---vm-image-overlay-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-
-/* VM Vendor Menu */
---vm-vendor-menu-bg: var(--body-bg);
---vm-vendor-menu-border: var(--border-color);
---vm-vendor-menu-radius: var(--border-radius);
---vm-vendor-menu-shadow: var(--box-shadow-sm);
---vm-vendor-menu-item-gap: 0.25rem;
---vm-vendor-menu-item-padding-x: 1rem;
---vm-vendor-menu-item-padding-y: 0.5rem;
---vm-vendor-menu-pill-radius: 50rem;
---vm-vendor-menu-link: var(--link-color);
---vm-vendor-menu-link-hover: var(--link-hover-color);
---vm-vendor-menu-link-active: var(--primary);
---vm-vendor-menu-hover-bg: var(--secondary-bg);
-
-/* ===== GABLE ===== */
---gab-blue: #3b82f6;
---gab-green: #10b981;
---gab-red: #ef4444;
---gab-orange: #f97316;
---gab-gray1: #475569;
---gab-gray2: #64748b;
---gab-gray3: #94a3b8;
-}
-
-.btn {
---btn-padding-x: 1rem;
---btn-padding-y: 0.6rem;
---btn-font-family: inherit;
---btn-font-size: 1rem;
---btn-font-weight: 400;
---btn-line-height: 1.5;
---btn-color: #1e293b;
---btn-bg: transparent;
---btn-border-width: 1px;
---btn-border-color: transparent;
---btn-border-radius: 0.25rem;
---btn-active-border-color: transparent;
---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
---btn-disabled-opacity: 0.65;
---btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
-display: inline-block;
-padding: var(--btn-padding-y) var(--btn-padding-x);
-font-family: var(--btn-font-family);
-font-size: var(--btn-font-size);
-font-weight: var(--btn-font-weight);
-line-height: var(--btn-line-height);
-color: var(--btn-color);
-text-align: center;
-text-decoration: none;
-vertical-align: middle;
-cursor: pointer;
--webkit-user-select: none;
--moz-user-select: none;
--ms-user-select: none;
-user-select: none;
-border: var(--btn-border-width) solid var(--btn-border-color);
-border-radius: var(--btn-border-radius);
-background-color: var(--btn-bg);
--webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
--o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-}
-
-.btn-primary {
---btn-color: #ffffff;
---btn-bg: #0d9488;
---btn-border-color: #0d9488;
---btn-hover-color: #ffffff;
---btn-hover-bg: #0f766e;
---btn-hover-border-color: #0f766e;
---btn-focus-shadow-rgb: 13, 148, 136;
---btn-active-color: #ffffff;
---btn-active-bg: #0f766e;
---btn-active-border-color: #115e59;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #0d9488;
---btn-disabled-border-color: #0d9488;
-}
-
-.btn-secondary {
---btn-color: #ffffff;
---btn-bg: #64748b;
---btn-border-color: #64748b;
---btn-hover-color: #ffffff;
---btn-hover-bg: #475569;
---btn-hover-border-color: #475569;
---btn-focus-shadow-rgb: 100, 116, 139;
---btn-active-color: #ffffff;
---btn-active-bg: #475569;
---btn-active-border-color: #334155;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #64748b;
---btn-disabled-border-color: #64748b;
-}
-
-.btn-success {
---btn-color: #ffffff;
---btn-bg: #10b981;
---btn-border-color: #10b981;
---btn-hover-color: #ffffff;
---btn-hover-bg: #059669;
---btn-hover-border-color: #059669;
---btn-focus-shadow-rgb: 16, 185, 129;
---btn-active-color: #ffffff;
---btn-active-bg: #059669;
---btn-active-border-color: #047857;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #10b981;
---btn-disabled-border-color: #10b981;
-}
-
-.btn-info {
---btn-color: #ffffff;
---btn-bg: #0ea5e9;
---btn-border-color: #0ea5e9;
---btn-hover-color: #ffffff;
---btn-hover-bg: #0284c7;
---btn-hover-border-color: #0284c7;
---btn-focus-shadow-rgb: 14, 165, 233;
---btn-active-color: #ffffff;
---btn-active-bg: #0284c7;
---btn-active-border-color: #0369a1;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #0ea5e9;
---btn-disabled-border-color: #0ea5e9;
-}
-
-.btn-warning {
---btn-color: #ffffff;
---btn-bg: #f59e0b;
---btn-border-color: #f59e0b;
---btn-hover-color: #ffffff;
---btn-hover-bg: #d97706;
---btn-hover-border-color: #d97706;
---btn-focus-shadow-rgb: 245, 158, 11;
---btn-active-color: #ffffff;
---btn-active-bg: #d97706;
---btn-active-border-color: #b45309;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #f59e0b;
---btn-disabled-border-color: #f59e0b;
-}
-
-.btn-danger {
---btn-color: #ffffff;
---btn-bg: #f43f5e;
---btn-border-color: #f43f5e;
---btn-hover-color: #ffffff;
---btn-hover-bg: #e11d48;
---btn-hover-border-color: #e11d48;
---btn-focus-shadow-rgb: 244, 63, 94;
---btn-active-color: #ffffff;
---btn-active-bg: #e11d48;
---btn-active-border-color: #be123c;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #f43f5e;
---btn-disabled-border-color: #f43f5e;
-}
-
-.btn-light {
---btn-color: #1e293b;
---btn-bg: #f8fafc;
---btn-border-color: #f8fafc;
---btn-hover-color: #1e293b;
---btn-hover-bg: #e2e8f0;
---btn-hover-border-color: #e2e8f0;
---btn-focus-shadow-rgb: 248, 250, 252;
---btn-active-color: #1e293b;
---btn-active-bg: #e2e8f0;
---btn-active-border-color: #cbd5e1;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #1e293b;
---btn-disabled-bg: #f8fafc;
---btn-disabled-border-color: #f8fafc;
-}
-
-.btn-dark {
---btn-color: #ffffff;
---btn-bg: #334155;
---btn-border-color: #334155;
---btn-hover-color: #ffffff;
---btn-hover-bg: #1e293b;
---btn-hover-border-color: #1e293b;
---btn-focus-shadow-rgb: 51, 65, 85;
---btn-active-color: #ffffff;
---btn-active-bg: #1e293b;
---btn-active-border-color: #0f172a;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #ffffff;
---btn-disabled-bg: #334155;
---btn-disabled-border-color: #334155;
-}
-
-.btn-outline-primary {
---btn-color: #0d9488;
---btn-border-color: #0d9488;
---btn-hover-color: #ffffff;
---btn-hover-bg: #0d9488;
---btn-hover-border-color: #0d9488;
---btn-focus-shadow-rgb: 13, 148, 136;
---btn-active-color: #ffffff;
---btn-active-bg: #0d9488;
---btn-active-border-color: #0d9488;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #0d9488;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #0d9488;
---gradient: none;
-}
-
-.btn-outline-secondary {
---btn-color: #64748b;
---btn-border-color: #64748b;
---btn-hover-color: #ffffff;
---btn-hover-bg: #64748b;
---btn-hover-border-color: #64748b;
---btn-focus-shadow-rgb: 100, 116, 139;
---btn-active-color: #ffffff;
---btn-active-bg: #64748b;
---btn-active-border-color: #64748b;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #64748b;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #64748b;
---gradient: none;
-}
-
-.btn-outline-success {
---btn-color: #10b981;
---btn-border-color: #10b981;
---btn-hover-color: #ffffff;
---btn-hover-bg: #10b981;
---btn-hover-border-color: #10b981;
---btn-focus-shadow-rgb: 16, 185, 129;
---btn-active-color: #ffffff;
---btn-active-bg: #10b981;
---btn-active-border-color: #10b981;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #10b981;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #10b981;
---gradient: none;
-}
-
-.btn-outline-info {
---btn-color: #0ea5e9;
---btn-border-color: #0ea5e9;
---btn-hover-color: #ffffff;
---btn-hover-bg: #0ea5e9;
---btn-hover-border-color: #0ea5e9;
---btn-focus-shadow-rgb: 14, 165, 233;
---btn-active-color: #ffffff;
---btn-active-bg: #0ea5e9;
---btn-active-border-color: #0ea5e9;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #0ea5e9;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #0ea5e9;
---gradient: none;
-}
-
-.btn-outline-warning {
---btn-color: #f59e0b;
---btn-border-color: #f59e0b;
---btn-hover-color: #ffffff;
---btn-hover-bg: #f59e0b;
---btn-hover-border-color: #f59e0b;
---btn-focus-shadow-rgb: 245, 158, 11;
---btn-active-color: #ffffff;
---btn-active-bg: #f59e0b;
---btn-active-border-color: #f59e0b;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #f59e0b;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #f59e0b;
---gradient: none;
-}
-
-.btn-outline-danger {
---btn-color: #f43f5e;
---btn-border-color: #f43f5e;
---btn-hover-color: #ffffff;
---btn-hover-bg: #f43f5e;
---btn-hover-border-color: #f43f5e;
---btn-focus-shadow-rgb: 244, 63, 94;
---btn-active-color: #ffffff;
---btn-active-bg: #f43f5e;
---btn-active-border-color: #f43f5e;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #f43f5e;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #f43f5e;
---gradient: none;
-}
-
-.btn-outline-light {
---btn-color: #f8fafc;
---btn-border-color: #f8fafc;
---btn-hover-color: #1e293b;
---btn-hover-bg: #f8fafc;
---btn-hover-border-color: #f8fafc;
---btn-focus-shadow-rgb: 248, 250, 252;
---btn-active-color: #1e293b;
---btn-active-bg: #f8fafc;
---btn-active-border-color: #f8fafc;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #f8fafc;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #f8fafc;
---gradient: none;
-}
-
-.btn-outline-dark {
---btn-color: #334155;
---btn-border-color: #334155;
---btn-hover-color: #ffffff;
---btn-hover-bg: #334155;
---btn-hover-border-color: #334155;
---btn-focus-shadow-rgb: 51, 65, 85;
---btn-active-color: #ffffff;
---btn-active-bg: #334155;
---btn-active-border-color: #334155;
---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
---btn-disabled-color: #334155;
---btn-disabled-bg: transparent;
---btn-disabled-border-color: #334155;
---gradient: none;
-}
-
-.btn-link {
---btn-font-weight: 400;
---btn-color: var(--link-color);
---btn-bg: transparent;
---btn-border-color: transparent;
---btn-hover-color: var(--link-hover-color);
---btn-hover-border-color: transparent;
---btn-active-color: var(--link-hover-color);
---btn-active-border-color: transparent;
---btn-disabled-color: #64748b;
---btn-disabled-border-color: transparent;
---btn-box-shadow: none;
---btn-focus-shadow-rgb: 13, 148, 136;
-text-decoration: underline;
-}

src/templates/joomla.asset.json

@@ -76,18 +76,6 @@
 			"uri": "media/templates/site/mokocassiopeia/css/colors/light/colors_standard.min.css",
 			"attributes": {"media": "all"}
 		},
-		{
-			"name": "template.light.colors_alternative",
-			"type": "style",
-			"uri": "media/templates/site/mokocassiopeia/css/colors/light/colors_alternative.css",
-			"attributes": {"media": "all"}
-		},
-		{
-			"name": "template.light.colors_alternative.min",
-			"type": "style",
-			"uri": "media/templates/site/mokocassiopeia/css/colors/light/colors_alternative.min.css",
-			"attributes": {"media": "all"}
-		},
 		{
 			"name": "template.light.colors_custom",
 			"type": "style",