style: Double logo size to 5rem, increase brand title font by 30% to 1.95rem

This commit is contained in:
2026-03-09 19:55:32 -05:00
parent 9ab3dd5a77
commit 0848b4e7f0

View File

@@ -27,7 +27,7 @@
gap: 0.75rem; gap: 0.75rem;
color: var(--text-primary); color: var(--text-primary);
font-weight: 700; font-weight: 700;
font-size: 1.5rem; font-size: 1.95rem; /* +30% from 1.5rem */
text-decoration: none; text-decoration: none;
transition: var(--transition); transition: var(--transition);
} }
@@ -36,10 +36,10 @@
color: var(--primary-light); color: var(--primary-light);
} }
/* Square logo: fixed equal width/height to match a 1:1 image */ /* Square logo: doubled from 2.5rem to 5rem */
.brand-logo { .brand-logo {
width: 2.5rem; width: 5rem;
height: 2.5rem; height: 5rem;
object-fit: contain; object-fit: contain;
object-position: center; object-position: center;
display: block; display: block;
@@ -51,8 +51,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 2.5rem; width: 5rem;
height: 2.5rem; height: 5rem;
background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
border-radius: var(--radius); border-radius: var(--radius);
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
@@ -108,18 +108,18 @@
} }
.nav-brand { .nav-brand {
font-size: 1.25rem; font-size: 1.625rem; /* +30% from 1.25rem */
} }
/* Scale square logo down on mobile */ /* Scale square logo down on mobile (doubled from 2rem) */
.brand-logo { .brand-logo {
width: 2rem; width: 4rem;
height: 2rem; height: 4rem;
} }
.brand-icon { .brand-icon {
width: 2rem; width: 4rem;
height: 2rem; height: 4rem;
} }
.nav-links { .nav-links {