diff --git a/assets/css/home.css b/assets/css/home.css index 522c5b7..b355aca 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -19,6 +19,14 @@ color: #fff; } .site-header:not(.scrolled) .nav-hamburger { color: #fff; } + /* Hover on the transparent (homepage, not-scrolled) nav — these win on + specificity so main.css's hover rules no longer need !important. */ + .site-header:not(.scrolled) .nav-links a:hover { color: var(--rose); } + .site-header:not(.scrolled) .nav-cta:hover { + background: var(--rose); + border-color: var(--rose); + color: #fff; + } /* ── Hero ── */ .hero { diff --git a/assets/css/main.css b/assets/css/main.css index 3191487..2eb0c2b 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -65,12 +65,6 @@ a { color: inherit; text-decoration: none; } } /* ── Typography ── */ -.display-xl { - font-family: var(--font-display); - font-size: clamp(2.8rem, 6vw, 5.5rem); - line-height: 1.05; - letter-spacing: -0.02em; -} .display-lg { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.5rem); @@ -89,8 +83,6 @@ a { color: inherit; text-decoration: none; } text-transform: uppercase; color: var(--rose); } -.body-lg { font-size: 1.125rem; line-height: 1.7; } -.body-sm { font-size: 0.875rem; line-height: 1.6; color: var(--text-muted); } /* ── Buttons ── */ .btn { @@ -174,7 +166,7 @@ a { color: inherit; text-decoration: none; } color: var(--ink-mid); transition: color 0.15s; } -.nav-links a:hover { color: var(--rose) !important; } +.nav-links a:hover { color: var(--rose); } .nav-cta { font-size: 0.8125rem; @@ -187,9 +179,9 @@ a { color: inherit; text-decoration: none; } transition: all 0.2s; } .nav-cta:hover { - background: var(--rose) !important; - border-color: var(--rose) !important; - color: #fff !important; + background: var(--rose); + border-color: var(--rose); + color: #fff; } .nav-hamburger {