Address final code review feedback

- Add setup notes to font CSS files about required downloads
- Restore alert-warning class for font note (important setup info)
- Fix alignment in success message border

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>

src/media/css/fonts/fira-sans.css

@@ -13,6 +13,20 @@
  BRIEF: Fira Sans font family definitions (self-hosted)
  */
 
+/*
+ * IMPORTANT: Font files must be downloaded separately
+ * 
+ * This CSS file references Fira Sans font files that must be manually downloaded
+ * and placed in the fonts directory. See GOOGLE_FONTS_README.md in the fonts
+ * directory for download instructions.
+ * 
+ * Required files:
+ * - fira-sans-v17-latin-100.woff2
+ * - fira-sans-v17-latin-300.woff2
+ * - fira-sans-v17-latin-regular.woff2
+ * - fira-sans-v17-latin-700.woff2
+ */
+
 /* Fira Sans Thin (100) */
 @font-face {
 	font-family: 'Fira Sans';

src/media/css/fonts/noto-sans.css

@@ -13,6 +13,20 @@
  BRIEF: Noto Sans font family definitions (self-hosted)
  */
 
+/*
+ * IMPORTANT: Font files must be downloaded separately
+ * 
+ * This CSS file references Noto Sans font files that must be manually downloaded
+ * and placed in the fonts directory. See GOOGLE_FONTS_README.md in the fonts
+ * directory for download instructions.
+ * 
+ * Required files:
+ * - noto-sans-v36-latin-100.woff2
+ * - noto-sans-v36-latin-300.woff2
+ * - noto-sans-v36-latin-regular.woff2
+ * - noto-sans-v36-latin-700.woff2
+ */
+
 /* Noto Sans Thin (100) */
 @font-face {
 	font-family: 'Noto Sans';

src/media/css/fonts/roboto.css

@@ -13,6 +13,20 @@
  BRIEF: Roboto font family definitions (self-hosted)
  */
 
+/*
+ * IMPORTANT: Font files must be downloaded separately
+ * 
+ * This CSS file references Roboto font files that must be manually downloaded
+ * and placed in the fonts directory. See GOOGLE_FONTS_README.md in the fonts
+ * directory for download instructions.
+ * 
+ * Required files:
+ * - roboto-v30-latin-100.woff2
+ * - roboto-v30-latin-300.woff2
+ * - roboto-v30-latin-regular.woff2
+ * - roboto-v30-latin-700.woff2
+ */
+
 /* Roboto Thin (100) */
 @font-face {
 	font-family: 'Roboto';

src/templateDetails.xml

@@ -206,7 +206,7 @@
 						<option value="media/templates/site/mokocassiopeia/css/fonts/fira-sans.css">Fira Sans (local)</option>
 					</group>
 				</field>
-				<field name="noteFontScheme" type="note" description="TPL_MOKOCASSIOPEIA_FONT_NOTE_TEXT" class="alert alert-info" />
+				<field name="noteFontScheme" type="note" description="TPL_MOKOCASSIOPEIA_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" />