/*
 * Brand colours for the team, services and blog pages, aligned with the home page:
 * ink #0f172a, yellow #f2b705 (hover #ffc51c), pale yellow #fcf1c6, gold text #92700a.
 *
 * These pages use the Tailwind CDN, which injects its styles after this file, so every
 * rule starts with "body" to win on specificity instead of on order. Social share buttons
 * and the footer flags keep their own colours.
 */

/* top navigation bar */
body .bg-black.text-white.py-2 { background-color: #0f172a; }

/* links and text accents */
body .text-blue-600 { color: #0f172a; }
body .hover\:text-blue-600:hover,
body .hover\:text-blue-700:hover,
body .hover\:text-blue-800:hover { color: #92700a; }
body .text-yellow-600,
body .text-indigo-600,
body .text-amber-500 { color: #92700a; }
body .text-blue-100 { color: #cbd5e1; }

/* buttons */
body .bg-blue-600:not(.share-button) { background-color: #0f172a; }
body .hover\:bg-blue-700:not(.share-button):hover { background-color: #1e293b; }
body button.absolute.bg-blue-600 { background-color: #f2b705; color: #0f172a; font-weight: 600; } /* blog search */
body button.absolute.bg-blue-600:hover { background-color: #ffc51c; }
body .bg-amber-500,
body .bg-yellow-500 { background-color: #f2b705; color: #0f172a; }
body .hover\:bg-amber-600:hover,
body .hover\:bg-yellow-600:hover { background-color: #ffc51c; }
body .hover\:bg-blue-50:hover { background-color: #fcf1c6; }
body .hover\:border-blue-400:hover { border-color: #f2b705; }

/* focus states */
body .focus\:ring-blue-500:focus { --tw-ring-color: rgba(242, 183, 5, .6); }
body .focus\:border-blue-500:focus { border-color: #f2b705; }
body .search-input:focus { box-shadow: 0 0 0 3px rgba(242, 183, 5, .35); }

/* department tags on team cards: one calm style, the label says which department */
body .rounded-full.uppercase.tracking-wide.text-white.text-xs { background-color: #fcf1c6; color: #0f172a; font-weight: 600; }

/* services */
body .cta-section { background: #0f172a; }
body .filter-btn.active { background-color: #0f172a; border-color: #0f172a; color: #fff; }
body .bg-gradient-to-r.via-blue-50 { background-image: none; background-color: #f8fafc; }
body .service-card .to-blue-50 { background-image: none; background-color: #f8fafc; }
body .service-card.hover\:border-blue-300:hover { border-color: #e9c766; }

/* blog listing */
body .hero-section { background: #f8fafc; }
body .blog-header { background: #0f172a; }
body .blog-header form button[type="submit"] { background: #f2b705 !important; color: #0f172a !important; }
body .category-tag { background: #fcf1c6; color: #0f172a; }
body .type-button.active,
body .filter-button.active,
body .sort-button.active,
body .pagination-button.active { background: #0f172a; border-color: #0f172a; color: #fff; }

/* blog posts */
body .author-bio { background: #fffbeb; }
body .post-content blockquote { border-left-color: #f2b705; }
body .progress-bar { background: #f2b705; }
body .table-of-contents a:hover { color: #92700a; }
body .post-content a { color: #0f172a; text-decoration-color: #f2b705; text-decoration-thickness: 2px; text-underline-offset: 3px; }
body .post-content a:hover { color: #0f172a; background-color: #fcf1c6; }