/**
 * Tema altyapısı — renkleri buradan yönetirsiniz.
 * Yeni tema: themes/ klasörüne dosya ekleyin, config.js içinde theme adını yazın.
 */
:root {
  --theme-bg: #f9f9f9;
  --theme-bg-alt: #ffffff;
  --theme-text: rgba(0, 0, 0, 0.6);
  --theme-heading: #000000;
  --theme-accent: #000000;
  --theme-accent-muted: #bebebe;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-overlay: rgba(15, 15, 15, 0.5);
  --theme-cursor: #000000;
  --theme-preloader-bg: #f9f9f9;
  --theme-preloader-text: #000000;
  --theme-menu-bg: #f9f9f9;
  --theme-link-hover: #000000;
}

/* v-light modunda gövde renkleri */
body.v-light,
.v-light body {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

body.v-light {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

.v-light h1,
.v-light h2,
.v-light h3,
.v-light h4,
.v-light h5,
.v-light h6 {
  color: var(--theme-heading) !important;
}

.v-light .one-title .title-sub-container .title-sub:before,
.v-light .one-title .title-sub-container .title-sub:after {
  background-color: var(--theme-accent-muted) !important;
}

.v-light .link-custom a {
  color: var(--theme-accent) !important;
}

.v-light .link-custom a:before {
  background-color: var(--theme-accent) !important;
}

.preloader {
  background-color: var(--theme-preloader-bg) !important;
}

.preloader .title,
.preloader .percent,
.preloader .loading {
  color: var(--theme-preloader-text) !important;
}

.preloader-bar .preloader-progress {
  background-color: var(--theme-accent) !important;
}

/* Koyu mod (v-light yokken) */
body:not(.v-light) {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

body:not(.v-light) h1,
body:not(.v-light) h2,
body:not(.v-light) h3,
body:not(.v-light) h4,
body:not(.v-light) h5,
body:not(.v-light) h6 {
  color: var(--theme-heading) !important;
}