/* EmaDreams legal pages — "Alacakaranlık Rüyası" palette. Fonts are self-hosted copies of the app's OFL files. */
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600; src: url("fonts/CormorantGaramond-SemiBoldItalic.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Inter"; font-weight: 400; src: url("fonts/Inter-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Inter"; font-weight: 600; src: url("fonts/Inter-SemiBold.ttf") format("truetype"); font-display: swap; }
:root { --bg: #141B33; --panel: #1B2342; --ink: #E9E3D6; --muted: #ADABA8; --mist: #5E8C8A; --line: #2C3557; }
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; color: var(--ink); background: radial-gradient(ellipse at 50% -10%, rgba(59,46,90,.55), transparent 60%) var(--bg); font: 400 16px/1.65 Inter, system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 16px 80px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
header img { width: 48px; height: 48px; border-radius: 12px; }
.kicker { font: 600 11px/1 Inter, sans-serif; letter-spacing: .3em; color: var(--muted); }
h1 { font: 600 italic clamp(34px, 7vw, 48px)/1.1 "Cormorant Garamond", Georgia, serif; margin: 6px 0 8px; }
h2 { font: 600 italic 26px/1.2 "Cormorant Garamond", Georgia, serif; margin: 36px 0 8px; }
p, li { color: var(--ink); }
.muted, small { color: var(--muted); }
a { color: var(--ink); text-decoration-color: var(--mist); text-underline-offset: 3px; }
nav.lang { display: flex; gap: 8px; margin: 0 0 24px; }
nav.lang a { padding: 8px 14px; border: 1px solid var(--line); border-radius: 20px; text-decoration: none; font-size: 14px; }
nav.lang a[aria-current="page"] { background: #3B2E5A; border-color: var(--mist); }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px; }
.todo { border: 1px dashed #E8A598; color: #E8A598; padding: 2px 6px; border-radius: 6px; }
section[lang] + section[lang] { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 24px; }