/* ==========================================================
   AÇIK PASTEL TEMA — site.css ve kazanim.css'ten SONRA yüklenir.
   Kaldırmak için sayfalardaki <link href="pastel.css"> satırını silmek yeterli.
   ========================================================== */
:root {
    --bg: #f6f8fc;
    --amber: #b07800;          /* açık zeminde okunur sarı-altın */
    --hl: #ffe58a;             /* vurgu şeridi */
}
body { background: var(--bg); }

/* ---------- ÜST MENÜ ---------- */
.nh-header { background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--line), 0 6px 18px rgba(11, 35, 65, .05); }
.nh-brand span { color: var(--navy); }
.nh-brand b { color: var(--amber); }
.nh-brand img { box-shadow: 0 0 0 1px var(--line); }
.nh-nav a { color: #46566e; }
.nh-nav a:hover { color: var(--navy); background: #eef3fa; }
.nh-nav a.is-active { color: var(--navy); background: #e6eef9; }
.nh-ig { background: #eef3fa; }
.nh-ig:hover { background: #e2eaf6; }
.nh-ig svg { stroke: var(--navy); }
.nh-ig svg circle[fill] { fill: var(--navy); }
.nh-burger span { background: var(--navy); }
@media (max-width: 760px) {
    .nh-nav.nav--open { border-top-color: var(--line); }
}

/* ---------- ANA SAYFA GİRİŞ ---------- */
.nh-hero {
    color: var(--navy);
    background:
        radial-gradient(circle at 85% 15%, #dbe9ff 0, transparent 45%),
        radial-gradient(circle at 8% 95%, #dcf3e3 0, transparent 42%),
        radial-gradient(circle at 60% 110%, #ffe4e4 0, transparent 40%),
        linear-gradient(160deg, #f3f7ff 0%, #f5fbf6 60%, #fff6f2 100%);
}
.nh-hero::after { background: repeating-linear-gradient(115deg, rgba(11, 35, 65, .025) 0 2px, transparent 2px 46px); }
.nh-eyebrow { background: #fff6d6; color: #7a5600; border-color: #f3dc8f; }
.nh-hero h1 { color: var(--navy); }
.nh-hero h1 em { display: inline; color: var(--navy); background: linear-gradient(transparent 62%, var(--hl) 62%); padding: 0 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.nh-lead { color: #4a5a70; }
.btn--ghost { color: var(--navy); box-shadow: inset 0 0 0 2px #c9d5e6; background: #fff; }
.btn--ghost:hover { box-shadow: inset 0 0 0 2px var(--navy); }
.nh-stat b { color: var(--navy); }
.nh-stat span { color: var(--muted); }
.nh-visual .ring { border-color: #c9d5e6; }
.nh-visual .disc { box-shadow: 0 24px 60px rgba(11, 35, 65, .15); }

/* ---------- SOSYAL KARTLAR (pastel) ---------- */
.soc { color: var(--navy); border: 1px solid var(--line); }
.soc--yt { background: linear-gradient(135deg, #ffe9ec, #ffd6dc); }
.soc--yt h3 { color: #b0001f; }
.soc--ig { background: linear-gradient(135deg, #fff1df 0%, #ffe3ef 50%, #e9e8ff 100%); }
.soc--ig h3 { color: #8a2a8f; }
.soc p { color: #4a5a70; opacity: 1; }
.soc .btn { background: var(--navy); color: #fff; }
.soc--yt .soc-ico { fill: #ff0033; opacity: .12; }
.soc--ig .soc-ico { stroke: #8a2a8f; opacity: .12; }
.soc--ig .soc-ico circle[fill] { fill: #8a2a8f; }

/* ---------- ALT BİLGİ ---------- */
.nh-footer { background: #eaf0f8; color: #46566e; border-top: 1px solid var(--line); }
.nh-footer h4 { color: var(--navy); }
.nh-footer a:hover { color: var(--g9); }
.nh-footer .motto { color: var(--muted); }
.nh-footer .bottom { border-top-color: #d6e0ec; color: var(--muted); }
.portals a { box-shadow: 0 1px 0 var(--line); }

/* ---------- SINIF + KAZANIM BAŞLIK BANTLARI ---------- */
.sh-hero, .kh-hero {
    color: var(--cd);
    background: linear-gradient(135deg, var(--cl) 0%, color-mix(in srgb, var(--cl) 40%, #fff) 70%, #fff 100%);
    border-bottom: 1px solid color-mix(in srgb, var(--c) 18%, transparent);
}
.sh-hero::after, .kh-hero::after { background: repeating-linear-gradient(115deg, color-mix(in srgb, var(--c) 6%, transparent) 0 2px, transparent 2px 46px); }
.sh-crumb { color: color-mix(in srgb, var(--cd) 70%, #fff); }
.sh-crumb a:hover, .sh-crumb b { color: var(--cd); }
.sh-num { color: var(--c); text-shadow: none; opacity: .9; }
.sh-eyebrow { color: var(--cd); opacity: .8; }
.sh-title { color: var(--navy); }
.sh-title em { color: var(--c); }
.sh-lead { color: #4a5a70; }
.sh-stats span { background: #fff; border-color: color-mix(in srgb, var(--c) 20%, transparent); color: #46566e; }
.sh-stats b { color: var(--cd); }
.kh-title { color: var(--navy); }
.kh-code { box-shadow: 0 6px 16px rgba(176, 120, 0, .18); }
.kh-nav a { color: #46566e; background: #fff; border-color: color-mix(in srgb, var(--c) 20%, transparent); }
.kh-nav a:hover { color: var(--cd); background: #fff; border-color: var(--c); }
.kh-nav a b { color: var(--cd); }

/* video kutusu boşken koyu lacivert yerine yumuşak ton */
body.kazanim-sayfa .video-placeholder { background: color-mix(in srgb, var(--cl) 60%, #fff); color: var(--cd); }