/* Light / dark — varsayılan koyu */
:root,
html[data-theme="dark"] {
	--brand: #FF9F1C;
	--brand-2: #FFC83D;
	--bg: #0D0D0D;
	--bg-elev: #141414;
	--bg-card: #1A1A1A;
	--text: #F5F5F5;
	--muted: #A8A8A8;
	--line: #2A2A2A;
	--line-strong: #333333;
	--coral-bg: #24180A;
	--sidebar: #111111;
	--grad: linear-gradient(135deg, #FF9F1C, #FFC83D);
	--ig-bg: #0D0D0D;
	--ig-paper: #141414;
	--ig-ink: #F5F5F5;
	--ig-muted: #A8A8A8;
	--ig-line: #2A2A2A;
	color-scheme: dark;
}

html[data-theme="light"] {
	--bg: #f6f3ee;
	--bg-elev: #ffffff;
	--bg-card: #ffffff;
	--text: #1c1917;
	--muted: #6b6560;
	--line: #e4ddd4;
	--line-strong: #d4cdc4;
	--coral-bg: #fff4e0;
	--sidebar: #ffffff;
	--ig-bg: #f6f3ee;
	--ig-paper: #ffffff;
	--ig-ink: #1c1917;
	--ig-muted: #6b6560;
	--ig-line: #e4ddd4;
	color-scheme: light;
}

html, body {
	background: var(--bg);
	color: var(--text);
}

.theme-toggle {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid var(--line);
	background: var(--bg-elev);
	color: var(--text);
	cursor: pointer;
	flex-shrink: 0;
	transition: background .15s, border-color .15s, color .15s;
}
.theme-toggle:hover {
	border-color: var(--brand);
	color: var(--brand);
}
html[data-theme="dark"] .theme-toggle-moon { display: none; }
html[data-theme="light"] .theme-toggle-sun { display: none; }

html[data-theme="light"] .brand-mark {
	background: #fff;
	border-color: var(--line);
}
html[data-theme="light"] .brand-name { color: #1c1917; }

html[data-theme="light"] .bg-app,
html[data-theme="light"] .bg-\[\#0D0D0D\],
html[data-theme="light"] .bg-\[\#0A0A0A\],
html[data-theme="light"] .bg-\[\#111\],
html[data-theme="light"] .bg-\[\#141414\],
html[data-theme="light"] .bg-\[\#1A1A1A\] {
	background-color: var(--bg-elev) !important;
}
html[data-theme="light"] body,
html[data-theme="light"] .site-root {
	background: var(--bg) !important;
	color: var(--text) !important;
}
html[data-theme="light"] .site-root.bg-app {
	background: var(--bg) !important;
}
html[data-theme="light"] #sidebar,
html[data-theme="light"] .portal-sidebar {
	background: var(--sidebar) !important;
}
html[data-theme="light"] .text-ink,
html[data-theme="light"] .text-\[\#F5F5F5\] {
	color: var(--text) !important;
}
html[data-theme="light"] [class*="text-white/"] {
	color: rgba(28, 25, 23, .72) !important;
}
html[data-theme="light"] .bg-\[\#1C1C1E\][class*="text-white"],
html[data-theme="light"] .bg-\[\#1C1C1E\] {
	color: rgba(245, 245, 245, .92) !important;
}
html[data-theme="light"] .hover\:bg-white\/10:hover {
	background-color: rgba(28, 25, 23, .06) !important;
}
html[data-theme="light"] .border-line,
html[data-theme="light"] .border-linestr {
	border-color: var(--line) !important;
}
html[data-theme="light"] .portal-topbar {
	background: var(--bg-elev) !important;
}
html[data-theme="light"] .portal-nav-link { color: #5c5854; }
html[data-theme="light"] .portal-nav-link:hover {
	background: #f3eee7;
	color: #1c1917;
}
html[data-theme="light"] .portal-nav-link.is-active {
	background: var(--coral-bg);
	color: #c26a00;
	box-shadow: inset 0 0 0 1px rgba(255, 159, 28, .35);
}
html[data-theme="light"] .auth-screen {
	background: var(--bg);
}
html[data-theme="light"] .auth-screen .auth-photo {
	background:
		linear-gradient(180deg, rgba(246,243,238,.35) 0%, rgba(246,243,238,.78) 50%, rgba(246,243,238,.96) 100%),
		url('../img/ai-login.jpg') center top / cover no-repeat;
}
html[data-theme="light"] .auth-screen .auth-card {
	background: rgba(255, 255, 255, .88);
	border-color: rgba(255, 159, 28, .28);
}
html[data-theme="light"] .site-header {
	background: rgba(246, 243, 238, 0.92);
	border-bottom-color: var(--line);
	backdrop-filter: blur(16px);
}
html[data-theme="light"] .site-header.is-scrolled {
	background: rgba(253, 250, 246, 0.96);
	box-shadow: 0 8px 30px rgba(60, 40, 20, 0.08);
}
html[data-theme="light"] .ai-stage {
	opacity: .22;
}
html[data-theme="light"] .ai-grain {
	opacity: .08;
	mix-blend-mode: multiply;
}
html[data-theme="light"] .ai-hero {
	color: var(--text);
	min-height: min(88vh, 820px);
}
html[data-theme="light"] .ai-hero-photo {
	background:
		linear-gradient(90deg, #f6f3ee 0%, rgba(246,243,238,.94) 26%, rgba(246,243,238,.55) 52%, rgba(246,243,238,.16) 74%, rgba(246,243,238,0) 100%),
		linear-gradient(180deg, rgba(246,243,238,.08) 0%, rgba(246,243,238,.72) 100%),
		url('../img/ai-hero.jpg') center right / cover no-repeat;
}
html[data-theme="light"] .ai-hero h1 {
	color: #1c1917;
}
html[data-theme="light"] .ai-chip {
	background: rgba(255, 244, 224, .92);
	border-color: rgba(255, 159, 28, .4);
	color: #9a5b00;
}
html[data-theme="light"] .ai-glass {
	background: rgba(255, 255, 255, .78);
	border-color: rgba(255, 159, 28, .28);
	box-shadow: 0 24px 50px rgba(80, 50, 20, .12);
	color: #1c1917;
}
html[data-theme="light"] .ai-hero .text-white\/70,
html[data-theme="light"] .ai-hero .text-white\/60,
html[data-theme="light"] .ai-glass .text-white\/60 {
	color: rgba(28, 25, 23, .62) !important;
}
html[data-theme="light"] .ai-hero .border-white\/10 {
	border-color: var(--line) !important;
}
html[data-theme="light"] .ai-hero .bg-white\/5 {
	background-color: rgba(28, 25, 23, .04) !important;
}
html[data-theme="light"] .bento-card {
	background: #fff !important;
	border-color: var(--line);
	color: var(--text);
}
html[data-theme="light"] .mock-window {
	background: #fff;
	border-color: var(--line);
	box-shadow: 0 24px 70px rgba(80, 50, 20, .14);
}
html[data-theme="light"] .mock-phone {
	background: #fff !important;
	border-color: #e8e2d8;
	box-shadow: 0 24px 50px rgba(80, 50, 20, .18);
}
html[data-theme="light"] .invite-card,
html[data-theme="light"] .invite-wrap {
	color: var(--text);
}
html[data-theme="light"] body.ig-body {
	background:
		radial-gradient(900px 420px at 50% -80px, rgba(255, 159, 28, .12), transparent 55%),
		var(--ig-bg);
	color: var(--ig-ink);
}
html[data-theme="light"] .ig-app { background: var(--ig-paper); }
html[data-theme="light"] .ig-top {
	background: rgba(255, 255, 255, .9);
}
html[data-theme="light"] .site-bottom-nav {
	background: rgba(246, 243, 238, 0.94) !important;
	border-top-color: var(--line) !important;
	color: var(--text);
}
html[data-theme="light"] .site-more-sheet {
	background: #fff !important;
	color: var(--text);
	border-color: var(--line) !important;
}
html[data-theme="light"] .site-more-link {
	background: #f6f3ee !important;
	border-color: var(--line) !important;
	color: var(--text) !important;
}
html[data-theme="light"] .site-more-title,
html[data-theme="light"] .site-bnav-item {
	color: var(--muted);
}
html[data-theme="light"] .site-bnav-item.is-on {
	color: #FF9F1C;
}
html[data-theme="light"] .dv-studio-body {
	background: #f6f3ee !important;
	color: #1c1917;
}
html[data-theme="light"] .dv-topbar {
	background: rgba(246, 243, 238, .94) !important;
	border-bottom-color: var(--line);
}
html[data-theme="light"] .dv-btn-ghost {
	color: #1c1917;
	border-color: var(--line);
}
html[data-theme="light"] .dv-btn-ghost:hover {
	background: rgba(28, 25, 23, .06);
}
html[data-theme="light"] .ai-page-hero::before {
	background:
		linear-gradient(90deg, #f6f3ee 4%, rgba(246,243,238,.9) 42%, rgba(246,243,238,.45) 100%),
		url('../img/ai-hero.jpg') center / cover no-repeat;
}
html[data-theme="light"] .ai-page-hero {
	border-bottom-color: var(--line) !important;
}

.theme-toggle-fixed,
.auth-screen > .theme-toggle,
body > .theme-toggle {
	position: fixed;
	top: 14px;
	right: 14px;
	z-index: 40;
}