/* Gelecek Kütüphanesi — koyu cam, camgöbeği ışık, tek boşluklu başlıklar.

   Karanlık doğar: paletin kendisi koyudur, açık olan onun gündüz hâlidir. Köşeler keskin,
   vurgular ışıklı; başlıklar tek boşluklu bir yazı tipiyle, terminal değil ama ona bakan bir yer. */

:root {
    --bg: #0b1016;
    --surface: #0f1721;
    --fg: #d5e2ee;
    --muted: #7b8fa3;
    --link: #2fd4c6;
    --rule: #1d2b39;
    --good: #3fd08a;
    --bad: #ff6b6b;
    --warn: #ffc24d;

    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-heading: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    --measure: 44rem;
    --leading: 1.7;
    --radius: 0px;
    --radius-sm: 0px;
    --shadow: 0 0 0 1px #1d2b39, 0 0 40px rgb(47 212 198 / 0.07);
}

/* Gündüz hâli: aynı ışık, beyaz camın üstünde. */
:root[data-theme="light"] {
    --bg: #eef3f7;
    --surface: #ffffff;
    --fg: #10202c;
    --muted: #5b7183;
    --link: #0d8c86;
    --rule: #d3e0e8;
    --shadow: 0 0 0 1px #d3e0e8;
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) {
        --bg: #eef3f7;
        --surface: #ffffff;
        --fg: #10202c;
        --muted: #5b7183;
        --link: #0d8c86;
        --rule: #d3e0e8;
        --shadow: 0 0 0 1px #d3e0e8;
    }
}

main { box-shadow: var(--shadow); }

.site-nav {
    background: var(--surface);
    border-bottom: 1px solid var(--link);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.8rem;
}

.site-brand { font-family: var(--font-heading); letter-spacing: 0.16em; }

/* Başlıklar solda bir ışık çizgisiyle başlıyor. */
.prose h1, .prose h2, .prose h3 {
    font-family: var(--font-heading);
    font-weight: 500;
    letter-spacing: -0.01em;
    border-left: 2px solid var(--link);
    padding-left: 0.7rem;
}

.toc {
    border: 1px solid var(--rule);
    background: linear-gradient(180deg, rgb(47 212 198 / 0.05), transparent);
}

.toc-title {
    font-family: var(--font-heading);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.78rem;
    color: var(--link);
}

.toc a { text-decoration: none; }
.toc a:hover { text-decoration: underline; }

.pill {
    border-radius: 0;
    border-color: var(--link);
    color: var(--link);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.7rem;
}

.embed, .box {
    border-left: 2px solid var(--link);
    background: rgb(47 212 198 / 0.04);
}

.prose code { color: var(--link); }