Add Verso visual identity (logos + favicon)

Introduce the Verso brand marks as self-contained SVGs with the EB Garamond
latin subset embedded as a base64 @font-face, so they render identically in
every context (favicon, CSS background, <img>, inline) with no runtime Google
Fonts dependency — important for the self-hosted alpha. Falls back to Georgia
serif if a browser ignores SVG-embedded fonts.

Assets:
- verso-square.svg  — rounded "V" tile (200×200); used as favicon.svg and the
  editor top-left toolbar logo.
- verso-logo.svg / verso-logo-dark.svg — wide "verso · ONLINE EDITOR" wordmark
  (760×200), light + dark wordmark variants.

Wiring:
- favicon: public/favicon.svg replaced with the square mark.
- editor toolbar: --redesign-toolbar-logo-url (light + dark) -> verso-square.svg.
- projects dashboard navbar: ProjectListDsNav logo -> verso-logo(.dark), with
  --navbar-brand-width widened to 200px to fit the wide wordmark.
- login page: centered Verso wordmark above the form; suppress the top navbar
  so the hero logo stands alone (no competing Overleaf mark).

PNG favicons / apple-touch-icon are left as-is (no raster tooling available);
modern browsers use the SVG favicon.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

services/web/app/views/user/login.pug

@@ -2,12 +2,19 @@ extends ../layout-website-redesign
 
 block vars
 	- isWebsiteRedesign = true
+	- var suppressNavbar = true
 
 block content
 	main#main-content.content
 		.container
 			.row
 				.col-lg-6.offset-lg-3.col-xl-4.offset-xl-4
+					.text-center.mb-4
+						img.verso-login-logo(
+							src=buildImgPath('ol-brand/verso-logo.svg')
+							alt='Verso'
+							style='width:260px;max-width:100%;height:auto'
+						)
 					.page-header
 						if login_support_title
 							h1 !{login_support_title}

services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx

@@ -18,8 +18,8 @@ import getMeta from '@/utils/meta'
 import DefaultNavbar from '@/shared/components/navbar/default-navbar'
 import SidebarDsNav from '@/features/project-list/components/sidebar/sidebar-ds-nav'
 import SystemMessages from '@/shared/components/system-messages'
-import overleafLogo from '@/shared/svgs/overleaf-a-ds-solution-mallard.svg'
-import overleafLogoDark from '@/shared/svgs/overleaf-a-ds-solution-mallard-dark.svg'
+import overleafLogo from '@/shared/svgs/verso-logo.svg'
+import overleafLogoDark from '@/shared/svgs/verso-logo-dark.svg'
 import CookieBanner from '@/shared/components/cookie-banner'
 import { useActiveOverallTheme } from '@/shared/hooks/use-active-overall-theme'
 import { isSplitTestEnabled } from '@/utils/splitTestUtils'

services/web/frontend/stylesheets/pages/editor/toolbar-redesign.scss

@@ -5,7 +5,7 @@
   --redesign-toolbar-border-divider: var(--border-divider-dark);
   --redesign-toolbar-background: var(--bg-dark-primary);
   --redesign-toolbar-home-link-color: var(--content-primary-dark);
-  --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/overleaf-o-white.svg');
+  --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/verso-square.svg');
   --redesign-subdued-button-color: var(--content-primary-dark);
   --redesign-subdued-button-hover-background: var(--bg-dark-tertiary);
   --redesign-toolbar-feedback-link-color: var(--link-ui-dark);
@@ -16,7 +16,7 @@
   --redesign-toolbar-border-divider: var(--border-divider);
   --redesign-toolbar-background: var(--bg-light-primary);
   --redesign-toolbar-home-link-color: var(--content-primary);
-  --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/overleaf-o-dark.svg');
+  --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/verso-square.svg');
   --redesign-subdued-button-color: var(--content-primary);
   --redesign-subdued-button-hover-background: var(--bg-light-tertiary);
   --redesign-toolbar-feedback-link-color: var(--link-ui);

services/web/frontend/stylesheets/pages/project-list-ds-nav.scss

@@ -48,6 +48,10 @@ body {
   .navbar-default {
     position: relative;
 
+    // The Verso wordmark logo is wide (~3.8:1), so give the brand more room
+    // than the default 130px so "verso" and the wordmark read clearly.
+    --navbar-brand-width: 200px;
+
     .navbar-header .navbar-logo {
       @include media-breakpoint-up(md) {
         position: relative;