/*
 * ALKEV kurumsal görünümü. Buse Hanım'ın style.css'inden SONRA yüklenir ve yalnızca renkleri ve yazı tipini
 * ALKEV'inkilerle değiştirir; sayfa düzenine (boyutlar, boşluklar, ızgaralar) dokunmaz. Seçiciler style.css'tekilerle
 * aynıdır, sonra geldikleri için onları ezer.
 *
 * Renkler öğretmen panelindeki ALKEV ölçeklerinden (OgretmenPanelProvider, anket ile aynı): lacivert #243c78 (ana
 * renk, Buse Hanım'ın yeşilinin yerine), metin #07184b, arma kırmızısı #9c2430 (vurgu, altın tonunun yerine), griler.
 * Yazı tipi sunucudan Fira Sans (public/fonts/fira-sans, SIL OFL); Google Fonts'a istek gitmez.
 */

/* Fira Sans: latin-ext (ğ, ş, ı, İ) ve latin; 400, 500, 600, 700 ve 400 italik */
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-ext-400-italic.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-400-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/fira-sans/fira-sans-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Buse Hanım'ın renk değişkenleri (style.css'teki iki :root bloğunun ve .lessonrow'un yerine) */
:root{
  --ink:#07184b;
  --green:#243c78;
  --gold:#9c2430;
  --paper:#f3f7fe;
  --pale:#e4edff;
  --line:#d7dbe3;
  --muted:#505560;   /* gri 700: küçük metin --pale üzerinde 6,4:1, beyazda 7,5:1 (WCAG AA en az 4,5:1) */
  --skill:#243c78;
  --wash:#f3f7fe;
}

/* Yazı tipi: Georgia, Libre Baskerville ve DM Sans kullanan her seçicide Fira Sans (boyut ve kalınlık aynı kalır) */
body,h1,h2,.brand span,.wordmark,.edition strong,.group b,.lessonrow>span,.reading,.metric,.summarysheet .name,.meaningcard strong,.eventtimeline b,.wordcard strong{font-family:'Fira Sans',Arial,sans-serif}

/* Sayfa ve başlık: üstte arma şeridi (panelinkiyle aynı, kırmızı ve lacivert yarılar), başlıkta ALKEV logosu */
body{background:radial-gradient(ellipse at 96% 0,#cadbfe88,transparent 40%),var(--paper)}
header{background:linear-gradient(90deg,#9c2430 0 50%,#243c78 50% 100%) top/100% 3px no-repeat,#ffffffd9;border-bottom-color:var(--line)}
.brand{color:var(--green)}
.brand img{display:block;height:40px;width:auto}
@media(max-width:450px){.brand img{height:34px}}

/* Odak çizgisi */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--gold)}

/* Önizleme şeridi, notlar, formlar */
.previewbar{background:var(--pale)}
.inlineNote{background:var(--pale)}
.paused{border-color:#bfc3cb}
input[type=text]{border-color:#bfc3cb}
.panel select,.spot{background:#fff}
.option.selected{background:var(--pale)}
.feedback.warn{background:#fff4f3;border-color:var(--gold)}
dialog::backdrop{background:#07184baa}
.primary:hover{background:#162b64}

/* İlerleme çubuğu */
.progress{background:var(--pale)}
.progress>i{background:linear-gradient(90deg,#243c78,#6a83bc)}

/* Karşılama: yıl grupları (lacivert, açık lacivert, arma kırmızısı) */
.hero{background:linear-gradient(115deg,#e4edff,#f3f7fe 72%,#fff4f3)}
.hero h1{color:var(--ink)}
.edition{border-color:#cadbfe}
.edition strong{color:var(--gold)}
.group{border-color:#cadbfe;border-top-color:#243c78;background:#e4edff}
.group:nth-child(2){background:#f3f7fe;border-color:#d7dbe3;border-top-color:#6a83bc}
.group:nth-child(3){background:#fff4f3;border-color:#fecdcb;border-top-color:#9c2430}
.group:hover{border-color:#39528e}
.group span,.group p{color:#505560}

/* Hafta ve ders satırları; beceri renkleri ALKEV ölçeklerinden, birbirinden ayırt edilir kalır */
.day{background:#e9edf5}
.day.active{background:#cadbfe;border-bottom-color:var(--green)}
.day.active b{color:var(--green)}
.sidebar{background:#e9edf5}
.lessonbody i{color:var(--green)}
.lessonrow{--skill:#243c78;--wash:#f3f7fe;border-color:#d7dbe3;border-left-color:var(--skill)}
.skill-listening{--skill:#505560;--wash:#e9edf5}
.skill-grammar{--skill:#243c78;--wash:#e4edff}
.skill-reading{--skill:#506aa5;--wash:#f3f7fe}
.skill-creative{--skill:#955e03;--wash:#fff5ea}
.skill-review{--skill:#b23f45;--wash:#fee6e5}
.skill-vocabulary{--skill:#9c2430;--wash:#fff4f3}

/* Görsel dersler */
.visualworkshop{background:linear-gradient(120deg,#f3f7fe,#e4edff);border-color:#cadbfe}
.meaningcard{border-color:#cadbfe}
.meaningcard:nth-child(2){background:#fff4f3;border-color:#fecdcb}
.weekstrip span{border-bottom-color:#6a83bc;background:#f3f7fe}
.eventtimeline{border-bottom-color:#6a83bc}
.evidencebar span{background:#e4edff;border-top-color:#6a83bc}
.evidencebar span:nth-child(2){background:#cadbfe;border-color:#243c78}
.evidencebar span:nth-child(3){background:#fee6e5;border-color:#9c2430}
.skillbrief{background:#e4edff;border-color:#cadbfe}

/* Dinleme */
.sound-banner{background:linear-gradient(115deg,#e9edf5,#e4edff)}
.sound-banner h2{color:var(--ink)}
.sound-banner p{color:#505560}
.sound-banner .eyebrow{color:var(--green)}
.sound-bars i{background:#505560}
.sound-bars i:nth-child(even){background:#6a83bc}
.listen-intro{border-color:#d7dbe3;background:#f3f7fe}
.listen-steps>div{border-color:#d7dbe3}
.listen-steps b{color:#505560}
#app[data-skill=listening] .feedback:not(.warn){background:#e9edf5;border-color:#505560}
#app[data-skill=listening] audio{background:#e9edf5}
#app[data-skill=listening] .actions .primary{background:var(--green);border-color:var(--green)}

/* Kelime kartları: altın tonunun yerine arma kırmızısı */
.word-banner{background:linear-gradient(110deg,#fee6e5,#fff4f3)}
.word-banner .eyebrow,.wordcard .eyebrow{color:var(--gold)}
.wordcard{border-color:#fecdcb;background:#fff}
.word-answer{border-top-color:#fecdcb}
.word-answer span{color:#505560}
.wordcard[aria-expanded=true]{background:#fff4f3}
.wordcard:hover{border-color:var(--gold)}