From 515539590a7a58c5d2d8dec3507362d27d21c03b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 30 Jan 2026 06:47:06 +0000
Subject: [PATCH] Set Roboto as default font and add Osaka font for titles

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
---
 src/media/css/fonts/osaka.css     | 13 +++++++++++++
 src/media/css/user.css            |  1 +
 src/templates/component.php       |  3 +++
 src/templates/error.php           |  3 +++
 src/templates/index.php           |  3 +++
 src/templates/joomla.asset.json   |  6 ++++++
 src/templates/templateDetails.xml |  2 +-
 7 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src/media/css/fonts/osaka.css

diff --git a/src/media/css/fonts/osaka.css b/src/media/css/fonts/osaka.css
new file mode 100644
index 0000000..42d3a98
--- /dev/null
+++ b/src/media/css/fonts/osaka.css
@@ -0,0 +1,13 @@
+/**
+ * @package     MokoCassiopeia
+ * @copyright   (C) 2026 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 3 or later
+ */
+
+@font-face {
+font-family: 'Osaka';
+src: url('../../fonts/osaka-re.ttf') format('truetype');
+font-weight: normal;
+font-style: normal;
+font-display: swap;
+}
diff --git a/src/media/css/user.css b/src/media/css/user.css
index c27c9a8..77411ac 100644
--- a/src/media/css/user.css
+++ b/src/media/css/user.css
@@ -20,6 +20,7 @@
 /* Site title styling - match nav background color */
 .site-title {
 	color: var(--nav-bg-color);
+	font-family: 'Osaka', sans-serif;
 	font-weight: 600;
 	font-size: 1.5rem;
 	text-decoration: none;
diff --git a/src/templates/component.php b/src/templates/component.php
index 9b55099..9eeb946 100644
--- a/src/templates/component.php
+++ b/src/templates/component.php
@@ -100,6 +100,9 @@ try {
 // Scripts
 $wa->useScript('template.js');
 
+// Load Osaka font for site title
+$wa->useStyle('template.font.osaka');
+
 /**
  * VirtueMart detection:
  * - Component must exist and be enabled
diff --git a/src/templates/error.php b/src/templates/error.php
index dd3e324..2003598 100644
--- a/src/templates/error.php
+++ b/src/templates/error.php
@@ -89,6 +89,9 @@ try {
 // Scripts
 $wa->useScript('template.js');
 
+// Load Osaka font for site title
+$wa->useStyle('template.font.osaka');
+
 // Smart Bootstrap component loading - only load what's needed
 if ($this->countModules('drawer-left', true) || $this->countModules('drawer-right', true)) {
 	// Load Bootstrap Offcanvas component for drawers
diff --git a/src/templates/index.php b/src/templates/index.php
index 0b19445..795669a 100644
--- a/src/templates/index.php
+++ b/src/templates/index.php
@@ -121,6 +121,9 @@ try {
 // Scripts
 $wa->useScript('template.js');
 
+// Load Osaka font for site title
+$wa->useStyle('template.font.osaka');
+
 // Load GTM script if GTM is enabled
 if (!empty($params_googletagmanager) && !empty($params_googletagmanagerid)) {
 	$wa->useScript('gtm.js');
diff --git a/src/templates/joomla.asset.json b/src/templates/joomla.asset.json
index 3f05752..371e05a 100644
--- a/src/templates/joomla.asset.json
+++ b/src/templates/joomla.asset.json
@@ -46,6 +46,12 @@
 			"uri": "media/templates/site/mokocassiopeia/css/user.min.css",
 			"attributes": {"media": "all"}
 		},
+		{
+			"name": "template.font.osaka",
+			"type": "style",
+			"uri": "media/templates/site/mokocassiopeia/css/fonts/osaka.css",
+			"attributes": {"media": "all"}
+		},
 		{
 			"name": "template.editor",
 			"type": "style",
diff --git a/src/templates/templateDetails.xml b/src/templates/templateDetails.xml
index a5f4d58..c2a8a1e 100644
--- a/src/templates/templateDetails.xml
+++ b/src/templates/templateDetails.xml
@@ -202,7 +202,7 @@
 
 				<!-- Typography -->
 				<field name="theme_sep_typo" type="spacer" label="Typography" hr="false" class="text fw-bold" />
-				<field name="useFontScheme" type="groupedlist" label="TPL_MOKOCASSIOPEIA_FONT_LABEL" default="0">
+				<field name="useFontScheme" type="groupedlist" label="TPL_MOKOCASSIOPEIA_FONT_LABEL" default="media/templates/site/mokocassiopeia/css/colors/fonts-local_roboto.css">
 					<option value="0">JNONE</option>
 					<group label="TPL_MOKOCASSIOPEIA_FONT_GROUP_LOCAL">
 						<option value="media/templates/site/mokocassiopeia/css/colors/fonts-local_roboto.css">Roboto (local)</option>