/* Vepar — light (default) + dark theme tokens */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap");
@import url("logo.css");

:root,
[data-theme="light"] {
  color-scheme: light;
  --c-bg: #ffffff;
  --c-bg-gradient: none;
  --c-text: #0a0a0a;
  --c-text-2: #171717;
  --c-text-muted: #525252;
  --c-text-soft: #737373;
  --c-border: rgba(0, 0, 0, 0.1);
  --c-border-strong: rgba(0, 0, 0, 0.16);
  --c-nav-bg: rgba(255, 255, 255, 0.96);
  --c-card: #ffffff;
  --c-card-alt: #fafafa;
  --c-card-inner: #f5f5f5;
  --c-input-bg: #ffffff;
  --c-input-border: rgba(0, 0, 0, 0.14);
  --c-accent: #0a0a0a;
  --c-accent-light: #262626;
  --c-accent-soft: rgba(0, 0, 0, 0.05);
  --c-accent-border: rgba(0, 0, 0, 0.12);
  --c-ghost-bg: transparent;
  --c-ghost-border: rgba(0, 0, 0, 0.18);
  --c-ghost-text: #0a0a0a;
  --c-btn-primary-text: #ffffff;
  --c-btn-primary-bg: #0a0a0a;
  --c-btn-primary-hover: #262626;
  --c-shadow: rgba(0, 0, 0, 0.08);
  --c-table-wrap: #fafafa;
  --c-table-head: #f5f5f5;
  --c-table-row: rgba(245, 245, 245, 0.9);
  --c-table-featured: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, #fafafa 100%);
  --c-mobile-nav: #ffffff;
  --c-link-hover-bg: rgba(0, 0, 0, 0.04);
  --c-link-active-bg: rgba(0, 0, 0, 0.06);
  --c-link-active-text: #0a0a0a;
  --c-hero-card: #fafafa;
  --c-trust-bg: #fafafa;
  --c-cta-band: #f5f5f5;
  --c-cookie-bg: #ffffff;
  --c-panel-inner: #f5f5f5;
  --c-stat-bg: rgba(0, 0, 0, 0.04);
  --c-price-featured: #fafafa;
  --c-legal-note-bg: #fafafa;
  --c-legal-highlight: rgba(0, 0, 0, 0.03);
  --c-pricing-no: #a3a3a3;
  --c-menu-btn-text: #0a0a0a;
  --c-theme-btn-bg: rgba(0, 0, 0, 0.04);
  --c-theme-btn-border: rgba(0, 0, 0, 0.1);
  --c-code-bg: #f5f5f5;
  --c-table-th-muted: #f5f5f5;
  --c-hub-info-bg: #fafafa;
  --c-company-block-bg: #fafafa;
  --c-mockup-bg: #fafafa;
  --c-mockup-surface: rgba(0, 0, 0, 0.04);
  --c-mockup-dot: rgba(0, 0, 0, 0.12);
}

/* login.css / checkout — site sayfalarında tema değişkenleri */
.site-body {
  --text: var(--c-text);
  --text-dim: var(--c-text-muted);
  --bg: var(--c-bg);
  --border: var(--c-border);
  --blue: var(--c-accent);
}

[data-theme="dark"] {
  color-scheme: dark;
  --c-bg: #050505;
  --c-bg-gradient: none;
  --c-text: #f5f5f5;
  --c-text-2: #e5e5e5;
  --c-text-muted: #a3a3a3;
  --c-text-soft: #737373;
  --c-border: rgba(255, 255, 255, 0.1);
  --c-border-strong: rgba(255, 255, 255, 0.16);
  --c-nav-bg: rgba(5, 5, 5, 0.92);
  --c-card: #111111;
  --c-card-alt: #0d0d0d;
  --c-card-inner: rgba(255, 255, 255, 0.04);
  --c-input-bg: #0a0a0a;
  --c-input-border: rgba(255, 255, 255, 0.12);
  --c-accent: #ffffff;
  --c-accent-light: #f5f5f5;
  --c-accent-soft: rgba(255, 255, 255, 0.06);
  --c-accent-border: rgba(255, 255, 255, 0.14);
  --c-ghost-bg: transparent;
  --c-ghost-border: rgba(255, 255, 255, 0.22);
  --c-ghost-text: #f5f5f5;
  --c-btn-primary-text: #0a0a0a;
  --c-btn-primary-bg: #ffffff;
  --c-btn-primary-hover: #e5e5e5;
  --c-shadow: rgba(0, 0, 0, 0.5);
  --c-table-wrap: rgba(17, 17, 17, 0.9);
  --c-table-head: rgba(5, 5, 5, 0.95);
  --c-table-row: rgba(255, 255, 255, 0.03);
  --c-table-featured: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(5, 5, 5, 0.95) 100%);
  --c-mobile-nav: #0a0a0a;
  --c-link-hover-bg: rgba(255, 255, 255, 0.06);
  --c-link-active-bg: rgba(255, 255, 255, 0.08);
  --c-link-active-text: #ffffff;
  --c-hero-card: #111111;
  --c-trust-bg: rgba(17, 17, 17, 0.85);
  --c-cta-band: #111111;
  --c-cookie-bg: #111111;
  --c-panel-inner: rgba(255, 255, 255, 0.04);
  --c-stat-bg: rgba(255, 255, 255, 0.05);
  --c-price-featured: #141414;
  --c-legal-note-bg: rgba(17, 17, 17, 0.95);
  --c-legal-highlight: rgba(255, 255, 255, 0.04);
  --c-pricing-no: #737373;
  --c-menu-btn-text: #f5f5f5;
  --c-theme-btn-bg: rgba(255, 255, 255, 0.06);
  --c-theme-btn-border: rgba(255, 255, 255, 0.12);
  --c-code-bg: rgba(255, 255, 255, 0.06);
  --c-table-th-muted: rgba(255, 255, 255, 0.04);
  --c-hub-info-bg: rgba(17, 17, 17, 0.95);
  --c-company-block-bg: rgba(17, 17, 17, 0.9);
  --c-mockup-bg: #111111;
  --c-mockup-surface: rgba(255, 255, 255, 0.04);
  --c-mockup-dot: rgba(255, 255, 255, 0.18);
}

.site-theme-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px solid var(--c-theme-btn-border);
  background: var(--c-theme-btn-bg);
  color: var(--c-text-muted);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.site-theme-btn:hover {
  color: var(--c-text);
  background: var(--c-link-hover-bg);
}

.site-theme-btn .theme-icon {
  font-size: 15px;
  line-height: 1;
}

@media (max-width: 900px) {
  .site-theme-btn .theme-label {
    display: none;
  }
}

/* —— Butonlar (açık/koyu okunabilirlik) —— */
.btn-site-primary,
a.btn-site-primary,
button.btn-site-primary {
  background: var(--c-btn-primary-bg);
  color: var(--c-btn-primary-text) !important;
  border: 1px solid transparent;
}

.btn-site-primary:hover,
a.btn-site-primary:hover,
button.btn-site-primary:hover {
  background: var(--c-btn-primary-hover);
  color: var(--c-btn-primary-text) !important;
  filter: brightness(1.03);
}

.btn-site-ghost,
a.btn-site-ghost,
button.btn-site-ghost {
  background: var(--c-ghost-bg);
  color: var(--c-ghost-text) !important;
  border: 1px solid var(--c-ghost-border);
}

.btn-site-ghost:hover,
a.btn-site-ghost:hover,
button.btn-site-ghost:hover {
  background: var(--c-link-hover-bg);
  color: var(--c-text) !important;
  border-color: var(--c-border-strong);
}

.btn-wa,
a.btn-wa {
  background: #128c7e;
  color: #ffffff !important;
}

.btn-wa:hover,
a.btn-wa:hover {
  background: #0d7368;
  color: #ffffff !important;
}

.site-cta-nav,
a.site-cta-nav {
  background: var(--c-accent) !important;
  color: #ffffff !important;
}

.site-cta-nav:hover,
a.site-cta-nav:hover {
  background: var(--c-accent-light) !important;
  color: #ffffff !important;
}

.site-body .login-form input,
.site-body .login-form select,
.site-body .login-form textarea,
.site-body .checkout-form input,
.site-body .checkout-form select,
.site-body .checkout-form textarea {
  background: var(--c-input-bg);
  color: var(--c-text);
  border: 1px solid var(--c-input-border);
}

.site-body .field label,
.site-body .reg-kvkk,
.site-body .checkout-sub,
.site-body .form-section-title {
  color: var(--c-text);
}

.site-body .reg-kvkk,
.site-body .field-hint {
  color: var(--c-text-muted);
}

.site-body .reg-kvkk a {
  color: var(--c-accent);
}

.site-body .company-block {
  background: var(--c-company-block-bg);
  color: var(--c-text);
}

.site-body .company-block a {
  color: var(--c-accent);
}

.site-body h1,
.site-body h2,
.site-body h3,
.site-body .panel-card h1,
.site-body .faq-item summary {
  color: var(--c-text);
}

.site-body .pricing-row-price strong,
.site-body .price-amount {
  color: var(--c-text);
}

.site-body .site-link-btn.btn-site-ghost {
  color: var(--c-ghost-text) !important;
}