feat(header): three-region layout + dark nav colors

header.php

@@ -47,12 +47,18 @@ $showHero = in_array(
 	<header role="banner" class="site-header bg-secondary flex flex-col items-center justify-start">
 		<?php get_template_part( 'views/components/nav-aux' ); ?>
 
-		<div class="header__nav-main container py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[83px_auto] grid-rows-[1fr] justify-between">
+		<div class="header__nav-main container py-4 items-center grid gap-x-8 gap-y-0 grid-cols-[auto_1fr_auto] grid-rows-[1fr] justify-between">
-			<a href="<?php bloginfo( 'url' ); ?>" class="site-header__logo block size-20">
+			<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="site-header__logo block">
-				<img class="size-full" src="<?php echo esc_url( $headerLogo ); ?>" alt="<?php bloginfo( 'name' ); ?> logo"/>
+				<img class="site-header__logo-img" src="<?php echo esc_url( $headerLogo ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?> logo" />
 			</a>
 
 			<?php get_template_part( 'views/components/nav-main' ); ?>
+
+			<div class="site-header__aux">
+				<a class="button button--outline" href="<?php echo esc_url( home_url( '/cv/' ) ); ?>">
+					<?php echo esc_html__( 'Download CV', 'ks-portfolio' ); ?>
+				</a>
+			</div>
 		</div>
 	</header>
 

styles/navigation/nav-main-default.css

@@ -65,3 +65,13 @@
     }
   }
 }
+
+.nav-main a,
+.nav-aux a {
+	color: var(--color-on-surface, #e3e1e9);
+}
+
+.nav-main a:hover,
+.nav-aux a:hover {
+	color: var(--color-primary, #b6c4ff);
+}