:root {
  --theme-color-primary: #f59e0b;
  --theme-color-secondary: #475569;
  --theme-color-accent: #f59e0b;
  --theme-font-heading: "Poppins", sans-serif;
  --theme-font-body: "Inter", sans-serif;
  --theme-body-bg: #ffffff;
  --theme-content-bg: #ffffff;
  --theme-text: #0f172a;
  --theme-muted-text: #64748b;
  --theme-base-font-size: 16px;
  --theme-line-height: 1.6;
  --theme-container-width: 80rem;
  --theme-section-space: 4rem;
  --theme-link: #2563eb;
  --theme-link-hover: #1d4ed8;
  --theme-radius: 0.75rem;
  --theme-radius-button: 0.5rem;
  --theme-surface-dark: var(--theme-text);
  --theme-surface-muted: color-mix(in srgb, var(--theme-text) 4%, var(--theme-content-bg));
  --tone-heading: var(--theme-text);
  --tone-text: var(--theme-text);
  --tone-muted: var(--theme-muted-text);
  --tone-btn-bg: var(--theme-color-primary);
  --tone-btn-fg: #fff;
  --tone-outline: var(--theme-color-primary);
  --tone-accent: var(--theme-color-primary);
  --tone-bg: var(--theme-content-bg);
  --tone-surface: var(--theme-content-bg);
}

body {
  background-color: var(--theme-body-bg);
  color: var(--theme-text);
  font-size: var(--theme-base-font-size);
  line-height: var(--theme-line-height);
}

a {
  color: var(--theme-link);
}

a:hover {
  color: var(--theme-link-hover);
}

a.theme-cta,
a.theme-cta-primary,
a.theme-cta-on-dark-white,
a.theme-cta-outline,
a.theme-cta-outline-light,
a.theme-cta-ghost,
a.theme-cta-on-emerald {
  text-decoration: none;
}

a.theme-cta {
  background-color: var(--theme-link);
  color: #fff !important;
}
a.theme-cta:hover {
  background-color: var(--theme-link-hover);
  color: #fff !important;
}

a.theme-cta-primary {
  background-color: var(--theme-color-primary);
  color: #fff !important;
}
a.theme-cta-primary:hover {
  filter: brightness(0.94);
  color: #fff !important;
}

a.theme-cta-outline {
  background: transparent;
  border: 2px solid var(--theme-link);
  color: var(--theme-link) !important;
}
a.theme-cta-outline:hover {
  background: color-mix(in srgb, var(--theme-link) 10%, transparent);
  border-color: var(--theme-link-hover);
  color: var(--theme-link-hover) !important;
}

a.theme-cta-outline-light {
  border: 2px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.08);
  color: #fff !important;
}
a.theme-cta-outline-light:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  color: #fff !important;
}

a.theme-cta-on-dark-white {
  background: #fff;
  color: var(--theme-text) !important;
}
a.theme-cta-on-dark-white:hover {
  background: color-mix(in srgb, #fff 92%, var(--theme-link) 8%);
  color: var(--theme-text) !important;
}

a.theme-cta-ghost {
  background: transparent;
  border: 2px solid color-mix(in srgb, var(--theme-text) 18%, transparent);
  color: var(--theme-text) !important;
}
a.theme-cta-ghost:hover {
  background: color-mix(in srgb, var(--theme-text) 6%, transparent);
  color: var(--theme-text) !important;
}

a.theme-cta-on-emerald {
  color: #fff !important;
}
a.theme-cta-on-emerald:hover {
  color: #fff !important;
}

.text-muted-theme {
  color: var(--theme-muted-text);
}

.max-w-7xl,
.max-w-6xl,
.max-w-5xl,
.max-w-screen-2xl {
  max-width: none;
}

.max-w-7xl,
.max-w-6xl,
.max-w-5xl,
.max-w-screen-2xl {
  width: 100%;
  max-width: var(--theme-container-width, 80rem) !important;
}

.theme-section {
  padding-top: var(--theme-section-space, 4rem);
  padding-bottom: var(--theme-section-space, 4rem);
}

/* Ortak section katmani: x-tenant.section, x-tenant.section-headline, x-tenant.button */
.rounded-theme {
  border-radius: var(--theme-radius);
}

.theme-tone-light,
.theme-tone-muted,
.theme-tone-dark,
.theme-tone-brand {
  color: var(--tone-text);
}
.theme-tone-light {
  --tone-bg: var(--theme-content-bg);
  background-color: var(--tone-bg);
}
.theme-tone-muted {
  --tone-bg: var(--theme-surface-muted);
  background-color: var(--tone-bg);
}
.theme-tone-dark,
.theme-tone-brand {
  --tone-heading: #fff;
  --tone-text: rgba(255, 255, 255, 0.9);
  --tone-muted: rgba(255, 255, 255, 0.72);
  --tone-outline: #fff;
  --tone-surface: rgba(255, 255, 255, 0.08);
}
.theme-tone-dark {
  --tone-bg: var(--theme-surface-dark);
  background-color: var(--tone-bg);
}
.theme-tone-brand {
  --tone-bg: var(--theme-color-primary);
  background-color: var(--tone-bg);
  --tone-accent: #fff;
  --tone-btn-bg: #fff;
  --tone-btn-fg: var(--theme-color-primary);
}

.theme-heading {
  color: var(--tone-heading);
}
.theme-muted {
  color: var(--tone-muted);
}
.theme-accent {
  color: var(--tone-accent);
}
.theme-badge {
  background-color: var(--tone-btn-bg);
  color: var(--tone-btn-fg);
}
.theme-rule {
  border-color: color-mix(in srgb, var(--tone-text) 18%, transparent);
}
.theme-border {
  border-color: color-mix(in srgb, var(--tone-text) 10%, transparent);
}
.theme-card {
  border: 1px solid color-mix(in srgb, var(--tone-text) 14%, transparent);
  background-color: color-mix(in srgb, var(--tone-text) 3%, transparent);
  border-radius: var(--theme-radius);
}

.theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: 2px solid transparent;
  border-radius: var(--theme-radius-button);
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  transition: filter 0.15s ease, background-color 0.15s ease;
}
.theme-btn-primary,
.theme-btn-primary:hover {
  background-color: var(--tone-btn-bg);
  color: var(--tone-btn-fg) !important;
}
.theme-btn-primary:hover {
  filter: brightness(0.94);
}
.theme-btn-outline,
.theme-btn-outline:hover {
  background: transparent;
  border-color: var(--tone-outline);
  color: var(--tone-outline) !important;
}
.theme-btn-outline:hover {
  background: color-mix(in srgb, var(--tone-outline) 10%, transparent);
}
.theme-btn-link,
.theme-btn-link:hover {
  padding-left: 0;
  padding-right: 0;
  color: var(--tone-outline) !important;
}
.theme-btn-link:hover {
  text-decoration: underline;
}