/* Kiddy&more — Paylaşılan Tasarım Token'ları + Erişilebilirlik Temeli * Tek kaynak: marka rengini/tipografi token'ını burada değiştir, tüm sayfalara yansır. * Tüm sayfalarda sonunda link'lenir; sayfa içi inline token'ları geçersiz kılar (authoritative). */ :root{ --peach:#D4886E; --peach-light:#E8A98E; --peach-pale:#FFF0E8; --peach-dark:#B5705A; --teal:#1B5C52; --teal-light:#2A7A6D; --teal-pale:#E8F2F0; --cream:#FFFAF6; --gold:#F7C948; --text:#2B2422; /* sıcak near-black — saf gri yerine markaya tint */ --text-muted:#6E635C; /* sıcak gri, WCAG AA (~4.9:1 krem üstünde) */ --white:#FFFFFF; --border:#EBE1DA; /* sıcak hairline */ --shadow:0 1px 2px rgba(43,36,34,0.05),0 6px 20px rgba(43,36,34,0.07); /* rafine, katmanlı, nötr-sıcak (şeftali glow değil) */ --shadow-hover:0 2px 6px rgba(43,36,34,0.06),0 14px 40px rgba(43,36,34,0.12); --radius:16px; --radius-sm:10px; } /* Klavye odak görünürlüğü — tüm sayfalar, tüm etkileşimli ögeler */ :focus-visible{ outline:2px solid var(--peach); outline-offset:2px; border-radius:3px; } /* Hareket azaltma tercihi — tüm sayfalardaki tüm animasyon/geçişleri etkisizleştirir (içerik gizli kalmaz; animasyonlar anında son hâline gider) */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; } }