/* Shared styles for content/legal pages (faq, sss, sozluk, kvkk, privacy, terms, cookie-policy). Light theme is the default; dark is opt-in via toggled by /theme-toggle.js. */ :root { color-scheme: light dark; --bg: #ffffff; --fg: #18181b; --fg-muted: #52525b; --fg-dim: #71717a; --accent: #6d28d9; --border: #e4e4e7; --card-accent: rgba(109, 40, 217, 0.06); } [data-theme="dark"] { --bg: #09090b; --fg: #f4f4f5; --fg-muted: #a1a1aa; --fg-dim: #71717a; --accent: #818cf8; --border: #27272a; --card-accent: rgba(99, 102, 241, 0.10); } * { box-sizing: border-box; } body { max-width: 760px; margin: 0 auto; padding: 1.25rem 1.5rem 4rem; font: 16px/1.6 ui-sans-serif, system-ui, sans-serif; background: var(--bg); color: var(--fg); -webkit-font-smoothing: antialiased; } h1 { font-size: 1.875rem; margin-bottom: 0.25rem; } h2 { margin-top: 2.25rem; font-size: 1.125rem; color: var(--fg); scroll-margin-top: 1rem; } h2 .en { color: var(--fg-dim); font-weight: 400; font-size: 0.95rem; } p, li { color: var(--fg-muted); } ul { padding-left: 1.25rem; } a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; } .meta { color: var(--fg-dim); font-size: 0.875rem; } .rel { font-size: 0.85rem; color: var(--fg-dim); } table { border-collapse: collapse; width: 100%; margin-top: 0.75rem; font-size: 0.93rem; } th, td { border: 1px solid var(--border); padding: 8px 10px; text-align: left; vertical-align: top; color: var(--fg-muted); } th { color: var(--fg); } .tldr { margin-top: 1.5rem; padding: 1rem 1.25rem; background: var(--card-accent); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 8px; } .tldr strong { color: var(--fg); } .tldr p { color: var(--fg-muted); margin: 0.25rem 0 0; } .note { background: var(--card-accent); border: 1px solid var(--border); padding: 10px 14px; border-radius: 8px; } footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px solid var(--border); font-size: 0.875rem; color: var(--fg-dim); } /* Header: logo (visible on mobile too) + theme toggle */ .legal-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0.5rem 0 2rem; } .legal-actions { display: inline-flex; align-items: center; gap: 10px; } .lang-switch { font-size: 13px; font-weight: 500; color: var(--fg-muted); border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px; } .lang-switch:hover { color: var(--fg); text-decoration: none; } .legal-logo { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 18px; letter-spacing: -0.02em; color: var(--fg); } .legal-logo:hover { text-decoration: none; } .legal-logo svg { width: 24px; height: 24px; flex-shrink: 0; } .legal-logo .peer { color: var(--fg); } .legal-logo .fect { color: #8b6fd6; } .theme-toggle { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; color: var(--fg-muted); border-radius: 8px; background: transparent; border: 1px solid var(--border); cursor: pointer; flex-shrink: 0; } .theme-toggle:hover { color: var(--fg); } .theme-toggle svg { width: 18px; height: 18px; }