/* Ortak Math5 renkleri: eski --teal adı mevcut bileşenlerle uyumluluk içindir. */
:root{color-scheme:light;--blue:#2563eb;--blue-deep:#1d4ed8;--navy:#0f172a;--amber:#f59e0b;--page:#f8fafc;--paper:#fff;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--teal:var(--blue);--focus:#f59e0b;--blue-soft:#eff6ff}
body{background:var(--page);color:var(--ink)}
header,main:not(.shell),.card,.resource-card,.story-card,.lesson-progress,.math-archive-preview,.pdf-downloads{background:var(--paper);border-color:var(--line)}
footer{border-color:var(--line);color:var(--muted)}
a,.brand-five,.section-action,.feature-cta,.resource-card a{color:var(--blue-deep)}
.button,.pdf-links a,.tool-feature a,.current-week-tag{background:var(--blue);color:#fff;box-shadow:none}
.button:hover,.pdf-links a:hover,.tool-feature a:hover{background:var(--blue-deep);color:#fff}
.brand{color:var(--ink)}
.brand-mark,.number,.tag,.eyebrow,.feature-icon{background:#dbeafe;color:#1e40af}
.hero{background:linear-gradient(120deg,#dbeafe 0%,#f8fafc 66%,#fff7ed 100%)}
.hero p,.card p,.section-head p,.tool-feature p,.portrait-feature p{color:var(--muted)}
.card{box-shadow:0 8px 28px #0f172a0a}
.card.active,.links a{border-color:#93c5fd}
.card a{color:var(--blue-deep)}
.tool-feature{background:#fff;border-color:var(--line)}
.feature-icon{color:#1d4ed8}
.portrait-feature{background:linear-gradient(115deg,#eff6ff,#fff);border-color:#bfdbfe}
.resource-card.magazine,.lesson-next,.lesson-flow a,.stage2-flow a{background:#fffbeb;border-color:#fcd34d}
.card.upcoming{background:#f8fafc;border-color:var(--line)}
.card.upcoming .number{background:#e2e8f0;color:#475569}
.coming-tag{background:#fef3c7;color:#92400e}
.site-menu a:hover,.site-menu a[aria-current="page"],.site-more summary:hover,.site-more summary.has-current{background:#dbeafe;color:#1e40af}
.sieve-grid .sieve-cell,.sieve-controls button{background:#eff6ff;border-color:#93c5fd;color:#1e40af}
.sieve-grid .sieve-cell[data-state="prime"]{background:#bfdbfe;color:#1e3a8a}
blockquote,pre,th,.notice,.example{background:#eff6ff;border-color:var(--line)}
.story-card .story-example{background:#eff6ff;border-left-color:var(--blue)}
.story-card .visual-explainer,.math-visual{background:#f8fafc;border-color:var(--line)}
.math-visual,.fib-tiles span{color:var(--ink)}
.feature-grid .tool-feature{box-shadow:0 8px 28px #0f172a0a}
.category-heading{display:flex;align-items:center;gap:13px;margin:0 0 20px;color:var(--ink);font-weight:800}
.category-heading::before{content:"";width:10px;height:35px;border-radius:99px;background:var(--blue);flex:none}
.category-heading small{display:block;color:var(--muted);font-size:.55em;font-weight:600;letter-spacing:0}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--page:#0f172a;--paper:#1e293b;--ink:#f1f5f9;--muted:#cbd5e1;--line:#475569;--teal:#93c5fd;--blue:#3b82f6;--blue-deep:#bfdbfe;--blue-soft:#1e3a5f}
html[data-theme=dark] body{background:var(--page);color:var(--ink)}
html[data-theme=dark] header,html[data-theme=dark] main:not(.shell),html[data-theme=dark] .card,html[data-theme=dark] .pdf-downloads,html[data-theme=dark] .sample,html[data-theme=dark] .story-card,html[data-theme=dark] .lesson-progress,html[data-theme=dark] .resource-card,html[data-theme=dark] .math-archive-preview{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .hero{background:linear-gradient(120deg,#172554,#1e293b 70%)}
html[data-theme=dark] .brand,html[data-theme=dark] .category-heading{color:var(--ink)!important}
html[data-theme=dark] .brand-five,html[data-theme=dark] a:not(.button):not(.pdf-links a):not(.tool-feature a){color:#bfdbfe}
html[data-theme=dark] .brand-mark,html[data-theme=dark] .number,html[data-theme=dark] .tag,html[data-theme=dark] .eyebrow,html[data-theme=dark] .feature-icon{background:#1e3a5f;color:#bfdbfe}
html[data-theme=dark] .tool-feature,html[data-theme=dark] .card.upcoming{background:#1e293b;border-color:var(--line)}
html[data-theme=dark] .tool-feature p,html[data-theme=dark] .card p,html[data-theme=dark] .hero p,html[data-theme=dark] .section-head p,html[data-theme=dark] .portrait-feature p{color:var(--muted)}
html[data-theme=dark] .tool-feature a,html[data-theme=dark] .feature-grid .tool-feature a:not(.button),html[data-theme=dark] .button,html[data-theme=dark] .pdf-links a{background:#3b82f6;color:#fff}
html[data-theme=dark] .portrait-feature{background:linear-gradient(115deg,#172554,#1e293b);border-color:#475569}
html[data-theme=dark] .site-menu a:hover,html[data-theme=dark] .site-menu a[aria-current="page"],html[data-theme=dark] .site-more summary:hover,html[data-theme=dark] .site-more summary.has-current{background:#1e3a5f;color:#dbeafe}
html[data-theme=dark] .resource-card.magazine,html[data-theme=dark] .lesson-next,html[data-theme=dark] .lesson-flow a,html[data-theme=dark] .stage2-flow a{background:#3b3425;border-color:#8b691f;color:#fef3c7}
html[data-theme=dark] .story-card .story-example,html[data-theme=dark] .story-card .visual-explainer,html[data-theme=dark] .math-visual{background:#273449;border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .feature-icon{color:#bfdbfe}
@media print{body,html[data-theme=dark] body{background:#fff;color:#111}main:not(.shell),.card{box-shadow:none}}