/* Uygulama geneli: Comfortaa. Ses Evreni: TemelYazi. */
@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa-Variable.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TemelYazi";
  src: url("../fonts/TemelYazi.otf") format("opentype");
  font-weight: 100 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TemelYazi";
  src: url("../fonts/TemelYazi-Bold.otf") format("opentype");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

/* Ses Evreni CSS’inde geçen ComfortaaOkul / Alfabet98 adları → TemelYazi */
@font-face {
  font-family: "ComfortaaOkul";
  src: url("../fonts/TemelYazi.otf") format("opentype");
  font-weight: 100 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComfortaaOkul";
  src: url("../fonts/TemelYazi-Bold.otf") format("opentype");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Alfabet98";
  src: url("../fonts/TemelYazi.otf") format("opentype");
  font-weight: 100 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alfabet98";
  src: url("../fonts/TemelYazi-Bold.otf") format("opentype");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --nova-font: "Comfortaa", sans-serif;
  --nova-font-kids: "Comfortaa", sans-serif;
  /* Ses Evreni — TemelYazi (okunuş için Bold tercih) */
  --nova-font-okul: "TemelYazi", "ComfortaaOkul", "Comfortaa", sans-serif;
  --nova-letter-spacing: 0.01em;
  --nova-font-okul-letter-spacing: 0.028em;
  --nova-font-okul-weight: 700;
  --nova-font-size: 100%;
  --nova-font-weight: 600;
}

html {
  font-size: var(--nova-font-size);
}

html,
body {
  font-family: var(--nova-font) !important;
  letter-spacing: var(--nova-letter-spacing);
  font-weight: var(--nova-font-weight);
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

/* Uygulama genelinde Comfortaa */
*:not(code):not(pre):not(kbd):not(.mono):not(.kbd),
*:not(code):not(pre):not(kbd):not(.mono):not(.kbd)::before,
*:not(code):not(pre):not(kbd):not(.mono):not(.kbd)::after {
  font-family: var(--nova-font) !important;
  letter-spacing: var(--nova-letter-spacing);
}

/* Ses Evreni (birlestirelim) — TemelYazi Bold + biraz daha büyük okunuş */
[id^="birles"]:not(#_),
[id^="birles"]:not(#_) *,
[id^="birles"]:not(#_) *::before,
[id^="birles"]:not(#_) *::after,
[class^="birles-"]:not(#_),
[class^="birles-"]:not(#_) *,
[class^="birles-"]:not(#_) *::before,
[class^="birles-"]:not(#_) *::after,
[class*=" birles-"]:not(#_),
[class*=" birles-"]:not(#_) *,
[class*=" birles-"]:not(#_) *::before,
[class*=" birles-"]:not(#_) *::after {
  font-family: var(--nova-font-okul) !important;
  letter-spacing: var(--nova-font-okul-letter-spacing);
  font-weight: var(--nova-font-okul-weight);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Kök ölçek — Ses Evreni menüleri çocuklar için okunaklı büyük */
.birles-shell {
  font-size: 1.28em;
}

/* Giriş ekranı — Comfortaa */
#student-selection-screen:not(#_),
#student-selection-screen:not(#_) *:not(code):not(pre):not(kbd),
#student-selection-screen:not(#_) *::before,
#student-selection-screen:not(#_) *::after,
.registration-overlay:not(#_),
.registration-overlay:not(#_) *:not(code):not(pre):not(kbd) {
  font-family: var(--nova-font) !important;
  letter-spacing: var(--nova-letter-spacing);
}

code,
pre,
kbd,
.mono,
.kbd,
.mono *,
.kbd * {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* Font gelmeden giriş metni flaş yapmasın — Comfortaa hazır olsun */
html:not(.nova-has-session):not(.nova-font-ready) #student-selection-screen {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
