/* kit/kecelikalem.css — "keçeli kalem" malzemesinin basılı/CSS tarafı. Yalnız html[data-malzeme="kecelikalem"] altında
   geçerlidir (Kit.malzeme.sec('kecelikalem') bu özniteliği koyar); başka oyunlarda hiçbir kuralı eşleşmez.
   Kâğıt (kareler, marj, gren) kit/kagit.css'ten aynen gelir. Patrick Hand @font-face'i de oradadır. */

@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/CaveatBrush-Regular.ttf') format('truetype');
}

html[data-malzeme="kecelikalem"] {
  --siyah: #1c1c1c;
  --keceli-mavi: #1d5bd6;
  --keceli-kirmizi: #d6362b;
  --yesil: #1e9e5a;
  --turuncu: #f08a1e;
  --cim: #4e9a5c;
  --not-sari: #fff3a3;                 /* yapışkan not */
  --not-sari-koyu: #f6e27a;
  --bant: rgba(255, 255, 255, .5);     /* yarı saydam bant */
  --mavi: var(--siyah);                /* eski adları kullanan kit kuralları keçeli değerlere bağlanır */
  --kirmizi: var(--keceli-kirmizi);
  --kursun: #7a7a7a;
  /* Keçeli kalem imleci: ucu (3,29) noktasında; kesik uç, kalın gövde, siyah kapak */
  --kalem-imlec: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M3 29 L4.5 23.5 L8.5 27.5 Z' fill='%231c1c1c'/%3E%3Cpath d='M4.5 23.5 L7 21 L11 25 L8.5 27.5 Z' fill='%23fbf9f2' stroke='%231c1c1c' stroke-width='1.3' stroke-linejoin='round'/%3E%3Cpath d='M7 21 L20 8 L24 12 L11 25 Z' fill='%23fbf9f2' stroke='%231c1c1c' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M20 8 L24.5 3.5 Q26 2 27.5 3.5 L28.5 4.5 Q30 6 28.5 7.5 L24 12 Z' fill='%231c1c1c'/%3E%3C/svg%3E") 3 29, crosshair;
}

html[data-malzeme="kecelikalem"] body {
  font-family: 'Patrick Hand', 'Segoe Print', 'Bradley Hand', cursive;
  color: var(--siyah);
}
html[data-malzeme="kecelikalem"] svg text { font-family: 'Patrick Hand', 'Segoe Print', 'Bradley Hand', cursive; }
html[data-malzeme="kecelikalem"] .baslik,
html[data-malzeme="kecelikalem"] svg text.baslik { font-family: 'Caveat Brush', 'Patrick Hand', cursive; }

/* Komutlar kutu değil: altı keçeliyle çizili sözcük (Kit.kalem.dugmeAltiCiz). */
html[data-malzeme="kecelikalem"] .dugme {
  padding: .15em .3em .45em;
  color: var(--siyah);
}
html[data-malzeme="kecelikalem"] .dugme:active { transform: none; }
html[data-malzeme="kecelikalem"] .dugme[disabled] { color: var(--kursun); cursor: default; }
html[data-malzeme="kecelikalem"] .dugme[disabled] .cerceve { opacity: .35; }