Update branding

Update the Ferese symbols, appearance-specific wallpapers, and rounded wallpaper and theme previews. Bundle Figtree and add the Ferese name to the website header.

Verified configuration, theme, Settings, wallpaper and installer tests, both UI renderers, the static site build, and browser layouts.

site/index.html

@@ -12,17 +12,20 @@
   <meta property="og:image" content="https://ferese-wm.github.io/ferese/assets/screenshots/ferese-main-hero.png" />
   <meta name="twitter:card" content="summary_large_image" />
   <title>Ferese — Wayland desktop</title>
-  <link rel="icon" href="assets/ferese.svg" type="image/svg+xml" />
-  <link rel="stylesheet" href="styles.css?v=jetbrains" />
+  <link rel="icon" href="assets/branding/ferese-blue-flat.svg" type="image/svg+xml" />
+  <link rel="icon" href="assets/favicon.ico" sizes="16x16 32x32 48x48" />
+  <link rel="icon" href="assets/favicon-32.png" type="image/png" sizes="32x32" />
+  <link rel="stylesheet" href="styles.css?v=figtree" />
 </head>
 
 <body>
   <a class="skip" href="#main">Skip to content</a>
   <header class="site-header">
     <div class="header-inner">
-      <a class="wordmark" href="./" aria-label="Ferese home"><svg viewBox="0 0 24 24" aria-hidden="true">
-          <path d="M3 3h6v18H3zM11 3h10v6H11zM11 11h7v6h-7z" />
-        </svg>ferese</a>
+      <a class="brand" href="./" aria-label="Ferese home">
+        <img class="brand-icon" src="assets/branding/ferese-blue-dark.svg" width="1024" height="1024" alt="" />
+        <span class="brand-name">Ferese</span>
+      </a>
       <nav aria-label="Main navigation">
         <a href="./" aria-current="page">Overview</a><a href="docs/screenshots.html">Screenshots</a><a
           href="docs/">Documentation</a><a href="https://github.com/ferese-wm/ferese">GitHub <svg class="link-arrow"
@@ -35,6 +38,7 @@
   </header>
   <main id="main" class="simple-home">
     <section class="product-intro page-width">
+      <img class="intro-icon" src="assets/branding/ferese-blue-dark.svg" width="1024" height="1024" alt="" />
       <h1 class="product-tagline">
         A configurable Wayland desktop.
       </h1>
@@ -55,10 +59,10 @@
     <figure class="product-screenshot page-width">
       <a href="assets/screenshots/ferese-main-hero.png" aria-label="View the full-resolution Ferese desktop screenshot">
         <img src="assets/screenshots/ferese-main-hero.png" width="2880" height="1800"
-          alt="Ferese Blue desktop with Settings, Control Center and the default wallpaper" fetchpriority="high" />
+          alt="Ferese Blue desktop with Settings, Control Center and the previous default wallpaper" fetchpriority="high" />
       </a>
       <figcaption>
-        Ferese Blue with Settings, Control Center, and the default wallpaper.
+        Ferese Blue with Settings, Control Center, and the previous default wallpaper.
       </figcaption>
     </figure>
     <section class="product-features page-width" aria-label="Features">
@@ -111,7 +115,9 @@
     </section>
   </main>
   <footer class="site-footer page-width">
-    <a class="wordmark" href="./">ferese</a>
+    <a class="brand" href="./" aria-label="Ferese home">
+      <img class="brand-icon" src="assets/branding/ferese-blue-dark.svg" width="1024" height="1024" alt="" />
+    </a>
     <p>A Wayland desktop with scrolling layouts.</p>
     <a href="docs/">Read the handbook <svg class="link-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor"
         stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">