:root {--renk-beyaz: hsl(0, 0%, 100%);--renk-gri: hsl(204, 24%, 96%);--renk-border: hsl(224, 24%, 92%);--renk-birincil: hsl(217, 100%, 46%);--renk-ikincil: hsl(0, 100%, 50%);--renk-yazi: hsl(0, 0%, 20%);--renk-yazi-l-1: hsl(0, 0%, 30%);--renk-yazi-l-2: hsl(0, 0%, 40%);--renk-yazi-d-1: hsl(0, 0%, 10%);--renk-yazi-d-2: hsl(0, 0%, 0%);--renk-gri-l-1: hsl(204, 24%, 97%);--renk-gri-l-2: hsl(204, 24%, 99%);--renk-gri-d-1: hsl(0, 0%, 90%);--renk-gri-d-2: hsl(0, 0%, 84%);--renk-siyah: hsl(0, 0%, 0%);--renk-birincil-l-1: hsl(217, 85%, 64%);--renk-birincil-l-2: hsl(217, 85%, 82%);--renk-birincil-d-1: hsl(217, 100%, 31%);--renk-birincil-d-2: hsl(217, 100%, 15%);--renk-ikincil-l-1: hsl(0, 100%, 67%);--renk-ikincil-l-2: hsl(0, 100%, 83%);--renk-ikincil-d-1: hsl(0, 100%, 33%);--renk-ikincil-d-2: hsl(0, 100%, 17%);--renk-siyah-l-1: hsl(0, 0%, 20%);--renk-siyah-l-2: hsl(0, 0%, 40%);--renk-siyah-l-3: hsl(0, 0%, 60%);--renk-siyah-l-4: hsl(0, 0%, 80%);}