/*
 * TINAZTEPE 2026 BRAND SYSTEM
 *
 * Bu katman brandbook'taki renk rolleri ve tipografi ailelerini tek kaynaktan
 * sunar; yerleşim ve bileşen kararları site-* katmanlarında yaşar.
 */

:root {
  --brand-primary: #000c89;
  --brand-action: #0057a7;
  --brand-deep: #00074e;
  --brand-accent: #008c95;
  --brand-text: #666666;
  --brand-secondary-text: #333333;
  --brand-heading: #111111;
  --brand-border: #dddddd;
  --brand-surface: #f7f7f7;
  --brand-white: #ffffff;
}

body {
  color: var(--brand-text);
  font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav-menu a,
#mobile-nav a,
button,
.btn-get-started,
.cta-btn {
  font-family: "Montserrat", sans-serif;
}

.section-header p,
#footer .footer-top .footer-info p {
  font-family: "Open Sans", sans-serif;
}

#header,
#header.header-scrolled {
  background: var(--brand-primary);
}

#intro {
  background: var(--brand-deep);
}

#intro .carousel-item::before {
  background-color: rgba(0, 7, 78, 0.46);
}

#intro .btn-get-started,
.back-to-top,
#contact .form button[type="submit"],
#footer .footer-top .footer-newsletter input[type="submit"] {
  background: var(--brand-action);
}

.nav-menu ul li:hover > a,
#mobile-nav ul .menu-has-children i.fa-chevron-up,
#mobile-nav ul .menu-item-active,
#featured-services i,
#featured-services h4 a:hover,
#about .about-col h2 a:hover,
#services .icon i,
#services .box:hover .title a,
#portfolio .portfolio-item .portfolio-info h4 a:hover,
#team .member .social a:hover,
#contact .contact-info a:hover,
#footer .footer-top .footer-links ul a:hover {
  color: var(--brand-accent);
}

.section-header h3::after,
#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active,
#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover,
#clients .owl-dot.active,
#footer .footer-top .social-links a:hover,
#footer .footer-top h4::after {
  background: var(--brand-accent);
}

#call-to-action {
  background-image:
    linear-gradient(rgba(0, 7, 78, 0.34), rgba(0, 7, 78, 0.34)),
    url(../img/call-to-action-bg.jpg);
}

#call-to-action .cta-btn:hover {
  border-color: var(--brand-accent);
  background: var(--brand-action);
}

#contact .form #sendmessage {
  border-color: var(--brand-accent);
  color: var(--brand-accent);
}

#contact .form button[type="submit"]:hover,
#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: var(--brand-accent);
}

#footer,
#footer .footer-top {
  background: var(--brand-deep);
}