style(brand): unify orange to #FA7850 + yellow token; fix tablet header gap

- Brand orange is now the official #FA7850 everywhere: folded the stray
  oranges (#F2762E, #E8833A, #ff6b2c) into it and kept a single darker shade
  (#E85D2A) for gradient depth + button hover. Added the official brand
  --yellow (#FFE16E) token.
- Tablet header gap (769-1024px): the fixed header shrinks 80->60px there but
  first-section paddings kept their 80px clearance; pull the first section up
  by the 20px delta in that range only (phones untouched). Verified on
  interior pages and the full-bleed homepage hero — gap now matches desktop,
  no overlap.
- Re-stamped cache-bust (v=f95de694).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/components/_buttons.css

@@ -52,7 +52,7 @@
     font-size: 18px;
     line-height: 28px;
 }
-.btn-primary-orange:hover { background: #E8663F; }
+.btn-primary-orange:hover { background: #E85D2A; }
 
 .btn-secondary {
     background-color: #FFFFFF;

css/components/_cards.css

@@ -91,7 +91,7 @@
 }
 .news-badge i { font-size: 11px; }
 .news-badge--project { background: #1F5C72; }
-.news-badge--blog { background: #E8833A; }
+.news-badge--blog { background: #FA7850; }
 .news-badge--news { background: #7C5CBF; }
 .news-card h3 a { color: #FFFFFF; text-decoration: none; }
 .news-card h3 a:hover { text-decoration: underline; }

css/components/_lightbox.css

@@ -64,7 +64,7 @@
     position: absolute; bottom: 46px; left: 50%; transform: translateX(-50%);
     display: inline-flex; align-items: center;
     padding: 9px 18px; border-radius: 999px;
-    background: #E8833A; color: #FFFFFF;
+    background: #FA7850; color: #FFFFFF;
     font-size: 14px; font-weight: 600; text-decoration: none;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
     transition: background 0.15s ease, transform 0.15s ease;