:root {
  --fethiye-blue: #0a4d68;
  --fethiye-sand: #f5e9cf;
  --fethiye-turquoise: #05bfdb;
  --fethiye-blue-dark: #083549;
  --fethiye-accent-soft: rgba(5, 191, 219, 0.14);
  --fethiye-text: #0f172a;
  --fethiye-muted: #64748b;
  --fethiye-radius: 12px;
  --fethiye-shadow: 0 10px 30px rgba(8, 53, 73, 0.08);
}

body.site-shell {
  background: linear-gradient(180deg, #f8fafc 0%, #eef6f9 40%, #fafafa 100%);
  color: var(--fethiye-text);
}

.topbar {
  background: linear-gradient(90deg, var(--fethiye-blue-dark), var(--fethiye-blue));
  color: #e2f3f8;
}

header .btn.primary,
.contact-form .btn.primary,
.btn.primary {
  background: var(--fethiye-turquoise);
  border-color: var(--fethiye-turquoise);
  color: #042028;
}

.nav {
  border-bottom: 2px solid var(--fethiye-turquoise);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}

:root {
  --container: 1280px;
}

.container {
  max-width: var(--container);
}

.eco-section-title,
h1.eco-section-title {
  color: var(--fethiye-blue-dark);
  letter-spacing: -0.02em;
}

.site-footer-mynet,
.site-footer-haberler {
  background: linear-gradient(180deg, var(--fethiye-blue-dark) 0%, var(--fethiye-blue) 100%) !important;
}

.brand-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(5, 191, 219, 0.12);
  border: 1px solid rgba(5, 191, 219, 0.35);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fethiye-blue);
  white-space: nowrap;
}

.brand-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fethiye-turquoise);
}