fix: cookie notice brand alignment + bump v2.1.1

Yoast homepage title/meta: updated via WP-CLI on production (no code change):
  title:   'Peptide Repo — What the research really says'
  desc:    'Verdict-driven peptide guides for clinicians and informed readers.
            20 monographs across 5 verdict states...'
  (CMO QA feedback, seq 2, item 1)

style.css — Cookie Notice (Hu-manity.co) button override:
  #cn-accept-cookie, #cn-more-info: background !important → var(--teal-500)
  hover state → var(--teal-600)
  Reason: plugin renders inline style='background-color: #00a99d' which beats
  regular CSS selectors; !important is the correct override mechanism here.
  (CMO QA feedback, seq 2, item 4)

Version: 2.1.0-alpha.3 → 2.1.1

style.css

@@ -4,7 +4,7 @@ Theme URI: https://github.com/peptiderepo/peptide-starter
 Description: Premium, accessible WordPress theme for scientific peptide reference database
 Author: Peptide Repo
 Author URI: https://peptiderepo.com
-Version: 2.1.0-alpha.3
+Version: 2.1.1
 License: GPL v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: peptide-starter
@@ -3366,3 +3366,17 @@ html[data-theme="dark"] .ps-verify-required {
 	font-size: 0.85rem;
 	opacity: 0.7;
 }
+
+/* ─── Cookie Notice brand alignment ─────────────────────────────────────────
+ * The Cookie Notice plugin (Hu-manity.co) renders Accept/Privacy buttons with
+ * an inline style="background-color: #00a99d" (plugin default teal). Override
+ * with !important to match brand teal. Inline styles beat selectors without it.
+ */
+#cn-accept-cookie,
+#cn-more-info {
+	background-color: var(--teal-500) !important; /* #1B8A92 — overrides plugin's #00a99d inline style */
+}
+#cn-accept-cookie:hover,
+#cn-more-info:hover {
+	background-color: var(--teal-600) !important;
+}