/* ColorPop derisi: mürdüm. Mağaza görselleriyle aynı vurgu (tanitim.json). */
:root{--vurgu:#6B5B8A}
@media (prefers-color-scheme:dark){:root{--vurgu:#B6A6D6}}

/* Renk-nota şeridi: altı renk, altı nota. Oyunun paletiyle birebir
   (lib/theme/palette.dart ve lib/logic/sound.dart aynı sırada). */
.notalar{list-style:none;margin:var(--bosluk-3) 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:var(--bosluk-2)}
.notalar li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--soluk)}
.notalar i{width:26px;height:26px;border-radius:30%;flex:none;box-shadow:var(--golge-1),inset 0 0 0 1px rgba(0,0,0,.06)}
.notalar b{font:600 15px/1 var(--baslik);color:var(--yazi)}

/* Küp renkleri sınıf olarak: sitenin CSP'si style-src 'self' — satır içi
   style="" engelleniyor, kutucuklar renksiz kalıyordu. */
.renk-blue{background:#79AFDB}
.renk-lavender{background:#C3B1E1}
.renk-mint{background:#B5EAD7}
.renk-peach{background:#FFDAC1}
.renk-rose{background:#FFB7B2}
.renk-sky{background:#C8E9FA}