Updating docs info (adding WordPress fonts library info)

Updating Ileana theme docs

0app/includes/content/customizer/fse.pug

@@ -29,6 +29,9 @@ block customizer/fse
 
 				p And, you are also free to use any font family from <a href="https://fonts.google.com/">Google Fonts</a>. <strong>#{config.name}</strong> theme even makes sure these font families are served directly from your website and not from Google's servers. This effectively enhances your visitor's privacy and your website's <a href="https://wikipedia.org/wiki/General_Data_Protection_Regulation"><abbr title="General Data Protection Regulation">GDPR</abbr></a> compliance.
 
+				+tip( 'WordPress fonts library', 'h4' )
+					p When using a block theme, you can upload your custom fonts using WordPress native <a href="#site-editor-styles-typography">fonts library</a>.
+
 		if true === config.compatibility.hybrid
 			block customizer/fse/theme-options/disable-fse
 				+sub_section( 'Disabling full site editing', 'disable-fse' )

0app/includes/content/faq/answer/font.pug

@@ -1,4 +1,8 @@
 block faq/answer/font
+
+	+tip( 'WordPress fonts library', 'h4' )
+		p When using a block theme, you can upload your custom fonts using WordPress native <a href="#site-editor-styles-typography">fonts library</a>.
+
 	p By default, the theme supports any <a href="https://fonts.google.com/">Google Fonts</a> font out of the box. So, if you want to use a font family from Google Fonts, simply set it up in font family option fields in <strong>Appearance → Customize → Theme Options → Typography</strong>.
 
 	p But if you want to use a <strong>custom</strong> font (a purchased premium font, or font not available at Google Fonts) follow this procedure:

0app/includes/content/plugins/others.pug

@@ -5,7 +5,7 @@
 		block plugins/others/list
 
 			dt <a href="https://wordpress.org/plugins/advanced-custom-fields/">Advanced Custom Fields (ACF)</a>
-			dd Add custom fields, content types and taxonomies to your website.
+			dd Add custom fields, content types (custom post types) and taxonomies to your website. With paid version of the plugin you can also create custom blocks.
 
 			dt <a href="https://wordpress.org/plugins/archive-title/">Archive Title</a>
 			dd Removes archive page title labels.

0app/includes/content/site-editor/styles.pug

@@ -19,6 +19,7 @@ block site-editor/styles
 
 		+important( 'Typography setup', 'h4' )
 			p Although "Styles" section allows you to set up your website typography, the theme provides <strong>advanced harmonious responsive typography setup</strong> tweaking <a href="#typography">just a few theme options</a>. So, there is no need to set up typography here.
+			p However, you can still use this section to upload your custom fonts (as of WordPress 6.5).
 
 		ol
 			li
@@ -42,6 +43,9 @@ block site-editor/styles
 					h4#site-editor-styles-typography
 						a.heading-anchor( href="#site-editor-styles-typography" ) Typography
 					p Although "Styles" section allows you to set up your website typography, the theme provides <strong>advanced harmonious responsive typography setup</strong> tweaking <a href="#typography">just a few theme options</a>. So, there is no need to set up typography here.
+					p However, you can still <strong>use this section to upload your custom fonts</strong> (as of WordPress 6.5).
+
+					+video( 'https://learn.wordpress.org/tutorial/exploring-wordpress-6-5/' ) Exploring WordPress 6.5 (fonts setup starts at 7:29 of the video)
 
 				block site-editor/styles/colors
 					h4#site-editor-styles-colors

ileana/assets/css/style.css

@@ -5,8 +5,8 @@
   --color_contrast_alt: #0f0d0d;
   --color_primary: #e51c06;
   --color_primary_mixed: #fce1de;
-  --color_secondary: #ffeed9;
-  --color_secondary_mixed: #fff8f1;
+  --color_secondary: #fff8d0;
+  --color_secondary_mixed: #fffbec;
   --color_black: #000000;
   --color_white: #ffffff;
   --color_gradient_primary: var(--color_secondary);
@@ -23,7 +23,7 @@
   --color_nav_text: var(--color_black);
   --color_nav_background_active: var(--color_primary);
   --color_nav_text_active: var(--color_white);
-  --color_nav_background_hover: var(--color_secondary_mixed);
+  --color_nav_background_hover: var(--color_primary_mixed);
   --color_nav_text_hover: var(--color_nav_text);
   --color_nav_border: rgba(0, 0, 0, var(--border_opacity));
   --color_nav_prefix_content: var(--color_primary);
@@ -47,7 +47,7 @@
   content: "";
   position: absolute;
   inset: 0;
-  background: url("assets/images/3to4-1.jpg");
+  background: url("assets/images/pexels-amina-filkins-5410071.webp");
   background-position: 50% 50%;
   background-size: cover;
   opacity: 0.1;

ileana/assets/sass/style.scss

@@ -6,8 +6,8 @@
 	--color_contrast_alt:    #0f0d0d;
 	--color_primary:         #e51c06;
 	--color_primary_mixed:   #fce1de;
-	--color_secondary:       #ffeed9;
-	--color_secondary_mixed: #fff8f1;
+	--color_secondary:       #fff8d0;
+	--color_secondary_mixed: #fffbec;
 	--color_black:           #000000;
 	--color_white:           #ffffff;
 
@@ -29,7 +29,7 @@
 	--color_nav_text: var(--color_black);
 	--color_nav_background_active: var(--color_primary);
 	--color_nav_text_active: var(--color_white);
-	--color_nav_background_hover: var(--color_secondary_mixed);
+	--color_nav_background_hover: var(--color_primary_mixed);
 	--color_nav_text_hover: var(--color_nav_text);
 	--color_nav_border: #{ rgba( #000, var(--border_opacity) ) };
 	--color_nav_prefix_content: var(--color_primary);
@@ -57,7 +57,7 @@
 		content: '';
 		position: absolute;
 		inset: 0;
-		background: url('assets/images/3to4-1.jpg');
+		background: url('assets/images/pexels-amina-filkins-5410071.webp');
 		background-position: 50% 50%;
 		background-size: cover;
 		opacity: .1;

ileana/includes/blog-layout.pug

@@ -5,6 +5,6 @@
 		li List of posts with sidebar. (This is default layout.) → <em><a href="#{config.url.demo}blog/">Preview</a></em>
 		li Posts in 2 columns with no sidebar. → <em><a href="#{config.url.demo}blog/?layout=columns">Preview</a></em>
 
-	+image( 'blog-layout.jpg', 'Preview of blog layouts' )
+	+image( 'blog-layout.jpg', 'Preview of blog layouts (posts list with sidebar, posts list in 2 columns)' )
 
 	p Alternatively, create completely custom layout modifying <em>"Template content: Blog"</em> <a href="#site-editor-template-parts">template part in site editor</a>.

ileana/includes/colors.pug

@@ -3,6 +3,8 @@ h5 Theme color palette description:
 ul
 	li "<strong>Base</strong>" color is used as <em>website background</em> color.
 
+	li "<strong>Base alternative</strong>" color is another base (background) color you can use on your website to separate sections of a page, for example. It is used by the theme only in predefined patterns.
+
 	li "<strong>Contrast</strong>" color is used as global <em>text color</em>. Set this for an appropriate contrast against "Base" color.
 
 	li "<strong>Contrast alternative</strong>" color is used for <em>headings</em>. Set this for an appropriate contrast against "Base" color.