:root {
  --tema-ana-renk: #FFC800;
  --tema-ana-renk-koyu: #FF9838;
  --tema-ikincil-renk: #3C312E;
  --tema-vurgu-renk: #FF9A47;
  --tema-ustbar-bg: #212121;
  --tema-ustbar-yazi: #FFFFFF;
  --tema-navbar-bg: #3C312E;
  --tema-navbar-yazi: #FFFFFF;
  --tema-sayfa-bg: #FFFFFF;
  --tema-kart-bg: #FCFCFC;
  --tema-baslik: #222222;
  --tema-metin: #666666;
  --tema-footer-bg: #1A1A1A;
  --tema-footer-yazi: #FFFFFF;
  --tema-buton-yazi: #FFFFFF;
  --tema-hero-overlay: 0.45;
  --tema-radius: 8px;
}

body {
  background: var(--tema-sayfa-bg) !important;
  color: var(--tema-metin);
}

a,
a:hover,
a:focus {
  color: var(--tema-ana-renk);
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5,
.heading-section h2,
.heading-menu h3 {
  color: var(--tema-baslik);
}

.wrap {
  background: var(--tema-ustbar-bg);
}

.wrap p,
.wrap .phone,
.wrap .phone a,
.wrap .phone .mailus,
.wrap .phone .fa {
  color: var(--tema-ustbar-yazi) !important;
}

.ftco-navbar-light .container {
  background: var(--tema-navbar-bg) !important;
  border-radius: var(--tema-radius);
}

@media (max-width: 991.98px) {
  .ftco-navbar-light {
    background: var(--tema-navbar-bg) !important;
  }
}

.ftco-navbar-light .navbar-brand,
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link,
.ftco-navbar-light .navbar-toggler {
  color: var(--tema-navbar-yazi) !important;
}

.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item.active > a,
.ftco-navbar-light.scrolled .nav-item.active > a,
.ftco-navbar-light.scrolled .nav-link.active,
.ftco-navbar-light.scrolled .nav-link:hover {
  color: var(--tema-ana-renk) !important;
}

.ftco-navbar-light.scrolled.awake,
.ftco-navbar-light.scrolled {
  background: var(--tema-navbar-bg) !important;
}

.btn-primary,
.btn.btn-primary,
.btn-white:hover,
.appointment-form .form-group .btn,
input[type="submit"].btn,
#buttontop,
.circular-menu .floating-btn,
.circular-menu:after,
.circular-menu.circular-menu-left:after,
.social-media p a,
.ftco-footer-social li a {
  background: var(--tema-ana-renk) !important;
  border-color: var(--tema-ana-renk) !important;
  color: var(--tema-buton-yazi) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.appointment-form .form-group .btn:hover,
#buttontop:hover,
.circular-menu .floating-btn:hover,
.social-media p a:hover,
.ftco-footer-social li a:hover {
  background: var(--tema-ana-renk-koyu) !important;
  border-color: var(--tema-ana-renk-koyu) !important;
  color: var(--tema-buton-yazi) !important;
}

.btn-white,
.btn.btn-white {
  color: var(--tema-ana-renk) !important;
}

.heading-section .subheading,
.heading-section.heading-section-white .subheading,
.owl-carousel.home-slider .slider-item .slider-text .subheading,
.menu-wrap:hover .flat,
.menus .text .one-half .price,
.ftco-navbar-light .navbar-brand {
  color: var(--tema-ana-renk) !important;
}

.menu-wrap,
.makereservation,
.dbox,
.block-20,
.staff,
.blog-entry,
.pricing-entry,
.ftco-section.bg-light,
.bg-light {
  background-color: var(--tema-kart-bg) !important;
  border-radius: var(--tema-radius);
}

.menu-wrap:hover,
.menus:hover {
  border-color: var(--tema-ana-renk) !important;
}

.bg-dark,
.appointment-form,
.ftco-bg-dark {
  background: var(--tema-ikincil-renk) !important;
}

.hero-wrap .overlay,
.owl-carousel.home-slider .slider-item .overlay,
.ftco-counter .overlay {
  background: #000 !important;
  opacity: var(--tema-hero-overlay) !important;
}

.ftco-footer {
  background: var(--tema-footer-bg) !important;
  color: var(--tema-footer-yazi) !important;
}

.ftco-footer p,
.ftco-footer a,
.ftco-footer .ftco-footer-widget h2,
.ftco-footer .ftco-heading-2,
.ftco-footer .ftco-footer-widget ul li a span,
.ftco-footer .ftco-footer-widget .open-hours li span,
.ftco-footer .ftco-footer-widget .open-hours li span:first-child {
  color: var(--tema-footer-yazi) !important;
}

.form-control:focus,
.appointment-form .form-control:focus,
.appointment-form .form-control:active {
  border-color: var(--tema-ana-renk) !important;
  box-shadow: 0 0 0 .12rem rgba(255, 152, 0, .18) !important;
}

.circular-menu .menu-item {
  background: var(--tema-vurgu-renk) !important;
  color: var(--tema-buton-yazi) !important;
}

::selection {
  background: var(--tema-ana-renk);
  color: var(--tema-buton-yazi);
}