style: apply pink accent color (#ff2e63) across the site

- btn-primary and badge-primary now use pink instead of cyan
- Add btn-hnimdb-cyan class for cyan buttons where needed
- HN comment text and 'Mentions on Hacker News' header in pink
- Genre badges on cinema show page now pink (badge-primary)

2 files changed, 21 insertions, 7 deletions

diff --git a/resources/views/cinema_show.blade.php b/resources/views/cinema_show.blade.php
index 56dd89f..92e684d 100644
--- a/resources/views/cinema_show.blade.php
+++ b/resources/views/cinema_show.blade.php
@@ -25,7 +25,7 @@
 
 .hn-comment {
 	font-size: 0.875rem;
-	color: #868e96;
+	color: var(--cinema-pink);
 	display: -webkit-box;
 	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;
@@ -33,6 +33,10 @@
 	text-overflow: ellipsis;
 }
 
+.hn-heading {
+	color: var(--cinema-pink);
+}
+
 @media (max-width: 768px) {
 	.movie-credits {
 		columns: 1;
@@ -153,7 +157,7 @@
 
 						@if ( ! empty($hnStories) )
 							<div class="mt-3">
-								<h4>Mentions on Hacker News</h4>
+								<h4 class="hn-heading">Mentions on Hacker News</h4>
 								<ul class="list-unstyled">
 								@foreach($hnStories as $story)
 									<li>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 3ac93ed..666fcd6 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -125,13 +125,25 @@
         border-color: var(--cinema-cyan);
     }
     .btn-primary {
+        background-color: var(--cinema-pink);
+        color: #fff;
+        font-weight: 700;
+        border: none;
+        transition: all 0.2s;
+    }
+    .btn-primary:hover {
+        background-color: var(--cinema-pink-hover);
+        color: #fff;
+        box-shadow: 0 0 15px rgba(255, 46, 99, 0.3);
+    }
+    .btn-hnimdb-cyan {
         background-color: var(--cinema-cyan);
         color: #000;
         font-weight: 700;
         border: none;
         transition: all 0.2s;
     }
-    .btn-primary:hover {
+    .btn-hnimdb-cyan:hover {
         background-color: var(--cinema-cyan-hover);
         color: #000;
         box-shadow: 0 0 15px rgba(0, 229, 212, 0.3);
@@ -148,13 +160,11 @@
 
     /* Badge overrides */
     .badge-primary {
-        background-color: var(--cinema-cyan);
-        color: #000;
+        background-color: var(--cinema-pink);
+        color: #fff;
         font-weight: 600;
     }
     .badge-secondary {
-        background-color: var(--cinema-surface-light);
-        color: var(--cinema-text-muted);
     }
 
     /* Navbar divider */