/* temalar.css — ÜRETİLMİŞ DOSYA, elle düzenleme. Kaynak: app/static/temalar/<kimlik>.css + yazilar.css,
   üretici: python3 araclar/temalari_birlestir.py. Sözleşme: docs/TEMA.md. Sıra: yedek → temalar → yazı çiftleri. */

/* data-tema yazılmadan önce (JS kapalı vb.) varsayılan tema: kagit */
:root:not([data-tema]) {
  color-scheme: light;
  --zemin: #f4efe3; --yuzey: #fbf8f1; --yuzey-2: #ece5d5;
  --metin: #1d1f23; --soluk: #5b5850; --cizgi: #ddd4c1;
  --vurgu: #b5462f; --vurgu-metin: #ffffff; --vurgu-2: #d9a441;
  --uyari-z: #f4ebd5; --uyari-c: #826011;
  --analoji-z: #f7e7d7; --analoji-c: #98531e;
  --dikkat-z: #f4e0d8; --dikkat-c: #b0372d;
  --sinav-z: #e1e5e9; --sinav-c: #3260ad;
  --kontrol-z: #e3eadc; --kontrol-c: #337040;
  --not-z: #ece9e2; --not-c: #68645c;
  --basari: #2d794d;
  --ust-z: #f4efe3e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/leke.svg") center / cover no-repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 36%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 46%, transparent), transparent 72%),
    linear-gradient(160deg, #efe4cf, #f6f1e6);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 14px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/lif.svg"); --doku-boyut: 320px 320px; --doku-opaklik: .5;
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", "Iowan Old Style", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.015em; --govde-satir: 1.62;
}

/* Kâğıt — Kâğıt ailesi. Krem kâğıt, lifli doku, kiremit vurgu; varsayılan okuma masası. */
:root[data-tema="kagit"] {
  color-scheme: light;
  --zemin: #f4efe3; --yuzey: #fbf8f1; --yuzey-2: #ece5d5;
  --metin: #1d1f23; --soluk: #5b5850; --cizgi: #ddd4c1;
  --vurgu: #b5462f; --vurgu-metin: #ffffff; --vurgu-2: #d9a441;
  --uyari-z: #f4ebd5; --uyari-c: #826011;
  --analoji-z: #f7e7d7; --analoji-c: #98531e;
  --dikkat-z: #f4e0d8; --dikkat-c: #b0372d;
  --sinav-z: #e1e5e9; --sinav-c: #3260ad;
  --kontrol-z: #e3eadc; --kontrol-c: #337040;
  --not-z: #ece9e2; --not-c: #68645c;
  --basari: #2d794d;
  --ust-z: #f4efe3e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/leke.svg") center / cover no-repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 36%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 46%, transparent), transparent 72%),
    linear-gradient(160deg, #efe4cf, #f6f1e6);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 14px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/lif.svg"); --doku-boyut: 320px 320px; --doku-opaklik: .5;
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", "Iowan Old Style", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.015em; --govde-satir: 1.62;
}

/* Sepya — Kâğıt ailesi. Eskimiş kitap sayfası; sıcak kahve mürekkep, tam serif. */
:root[data-tema="sepya"] {
  color-scheme: light;
  --zemin: #efe2c8; --yuzey: #f6ecd8; --yuzey-2: #e5d4b3;
  --metin: #2b2118; --soluk: #5f4e3b; --cizgi: #d5c09b;
  --vurgu: #8a4b2a; --vurgu-metin: #ffffff; --vurgu-2: #c28f4f;
  --uyari-z: #f0e0bf; --uyari-c: #7a5a10;
  --analoji-z: #f2ddc2; --analoji-c: #8f4f1c;
  --dikkat-z: #f0d5c2; --dikkat-c: #a5332a;
  --sinav-z: #dddad3; --sinav-c: #2f5aa2;
  --kontrol-z: #dedfc6; --kontrol-c: #30693c;
  --not-z: #e8dfcc; --not-c: #625e57;
  --basari: #297047;
  --ust-z: #efe2c8e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/leke.svg") center / cover no-repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 26%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 40%, transparent), transparent 72%),
    linear-gradient(160deg, #e8d6b4, #f2e6cd);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 10px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/lif.svg"); --doku-boyut: 320px 320px; --doku-opaklik: .6;
  --yazi-govde: "Newsreader", "Iowan Old Style", Georgia, serif;
  --yazi-baslik: "Newsreader", "Iowan Old Style", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.01em; --govde-satir: 1.6;
}

/* Fildişi-lacivert — Kâğıt ailesi. Fildişi zemin, lacivert mürekkep, altın ikinci renk. */
:root[data-tema="fildisi"] {
  color-scheme: light;
  --zemin: #faf7ef; --yuzey: #fffdf8; --yuzey-2: #f0ebdf;
  --metin: #15213b; --soluk: #4a5670; --cizgi: #ddd7c8;
  --vurgu: #1f3a8a; --vurgu-metin: #ffffff; --vurgu-2: #c9a227;
  --uyari-z: #f8efdb; --uyari-c: #866211;
  --analoji-z: #faecdd; --analoji-c: #9c561f;
  --dikkat-z: #f7e4de; --dikkat-c: #b4382e;
  --sinav-z: #e5e9ef; --sinav-c: #3363b2;
  --kontrol-z: #e6eee2; --kontrol-c: #347342;
  --not-z: #f0ede8; --not-c: #6a665e;
  --basari: #2e7d4f;
  --ust-z: #faf7efe6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/leke.svg") center / cover no-repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 24%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 34%, transparent), transparent 72%),
    linear-gradient(160deg, #f3eee2, #fbf8f1);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 14px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/gren.svg"); --doku-boyut: 220px 220px; --doku-opaklik: .35;
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Source Serif 4", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 650; --baslik-aralik: -0.01em; --govde-satir: 1.62;
}

/* Kareli defter — Kâğıt ailesi. Beyaz defter sayfası, hafif mavi kareler, tükenmez mavi. */
:root[data-tema="kareli"] {
  color-scheme: light;
  --zemin: #fbfaf5; --yuzey: #ffffff; --yuzey-2: #eef1ef;
  --metin: #1e2430; --soluk: #505968; --cizgi: #d6dce4;
  --vurgu: #2a56c6; --vurgu-metin: #ffffff; --vurgu-2: #e0584a;
  --uyari-z: #f8f1e1; --uyari-c: #886412;
  --analoji-z: #faede3; --analoji-c: #9c561f;
  --dikkat-z: #f7e6e4; --dikkat-c: #b6392e;
  --sinav-z: #e5ebf5; --sinav-c: #3464b4;
  --kontrol-z: #e6f0e8; --kontrol-c: #357442;
  --not-z: #f0efee; --not-c: #6c685f;
  --basari: #2e7d4f;
  --ust-z: #fbfaf5e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 18%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 22%, transparent), transparent 72%),
    linear-gradient(160deg, #f2f5fa, #fbfaf5);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 6px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/kareli.svg"); --doku-boyut: 120px 120px; --doku-opaklik: .32;
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Space Grotesk", "Inter", system-ui, sans-serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.025em; --govde-satir: 1.62;
}

/* Gazete — Kâğıt ailesi. Gri gazete kâğıdı, siyah mürekkep, kırmızı manşet. */
:root[data-tema="gazete"] {
  color-scheme: light;
  --zemin: #e9e7e1; --yuzey: #f3f1ec; --yuzey-2: #dddad2;
  --metin: #141414; --soluk: #4a4844; --cizgi: #c8c4bb;
  --vurgu: #b3121b; --vurgu-metin: #ffffff; --vurgu-2: #5a5a5a;
  --uyari-z: #ede5d1; --uyari-c: #7e5d10;
  --analoji-z: #f0e1d3; --analoji-c: #91501d;
  --dikkat-z: #eddad4; --dikkat-c: #a9342b;
  --sinav-z: #dadfe5; --sinav-c: #305da7;
  --kontrol-z: #dce4d8; --kontrol-c: #316c3e;
  --not-z: #e5e3dd; --not-c: #656159;
  --basari: #2a7349;
  --ust-z: #e9e7e1e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 20%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 30%, transparent), transparent 72%),
    linear-gradient(160deg, #dedbd4, #eeece6);
  --golge: 0 1px 0 rgba(0,0,0,.08);
  --golge-buyuk: 0 2px 0 rgba(0,0,0,.1), 0 10px 30px -14px rgba(0,0,0,.25);
  --yaricap: 3px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/gren.svg"); --doku-boyut: 220px 220px; --doku-opaklik: .5;
  --yazi-govde: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Newsreader", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 750; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}

/* Riso — Riso ailesi. Gri-yeşil kâğıt, riso ultramarin + flüo turuncu, nokta raster. */
:root[data-tema="riso"] {
  color-scheme: light;
  --zemin: #e7e8e2; --yuzey: #f1f2ec; --yuzey-2: #dcded5;
  --metin: #1a1c22; --soluk: #4b4e46; --cizgi: #c6c9be;
  --vurgu: #2440c4; --vurgu-metin: #ffffff; --vurgu-2: #d8431c;
  --uyari-z: #ece6d1; --uyari-c: #7e5d10;
  --analoji-z: #eedbd1; --analoji-c: #ab3516;
  --dikkat-z: #ebdad4; --dikkat-c: #a9342b;
  --sinav-z: #d6dbe7; --sinav-c: #2440c4;
  --kontrol-z: #dae4d8; --kontrol-c: #316c3e;
  --not-z: #e4e4dd; --not-c: #656159;
  --basari: #2b7449;
  --ust-z: #e7e8e2e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/raster-alan.svg") 0 0 / 16px 16px repeat,
    radial-gradient(circle at 74% 118%, color-mix(in srgb, var(--vurgu) 38%, transparent) 0 46%, transparent calc(46% + 1px)),
    radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--vurgu-2) 40%, transparent) 0 34%, transparent calc(34% + 1px)),
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 19%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 40%, transparent), transparent 72%),
    linear-gradient(160deg, #e2e3dc, #eceee7);
  --golge: 3px 3px 0 color-mix(in srgb, var(--vurgu-2) 30%, transparent);
  --golge-buyuk: 6px 6px 0 color-mix(in srgb, var(--vurgu) 22%, transparent);
  --yaricap: 4px;
  --kenar: 1.5px solid color-mix(in srgb, var(--metin) 22%, transparent);
  --doku: url("/static/temalar/doku/raster.svg"); --doku-boyut: 16px 16px; --doku-opaklik: .07;
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 700; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}

/* Riso pembe — Riso ailesi. Pembemsi kâğıt, flüo pembe + deniz mavisi baskı. */
:root[data-tema="riso-pembe"] {
  color-scheme: light;
  --zemin: #f3e9e6; --yuzey: #faf4f2; --yuzey-2: #ebdcd8;
  --metin: #1f1a24; --soluk: #5a4d57; --cizgi: #dcc8c4;
  --vurgu: #b0186c; --vurgu-metin: #ffffff; --vurgu-2: #1b8a9a;
  --uyari-z: #f4e7d6; --uyari-c: #805e11;
  --analoji-z: #f7dde3; --analoji-c: #aa3461;
  --dikkat-z: #f3dcd9; --dikkat-c: #ac362c;
  --sinav-z: #dde3e7; --sinav-c: #19678f;
  --kontrol-z: #e2e6dd; --kontrol-c: #326e3f;
  --not-z: #ebe6e2; --not-c: #66625a;
  --basari: #2b764a;
  --ust-z: #f3e9e6e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/raster-alan.svg") 0 0 / 16px 16px repeat,
    radial-gradient(circle at 74% 118%, color-mix(in srgb, var(--vurgu) 34%, transparent) 0 46%, transparent calc(46% + 1px)),
    radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--vurgu-2) 34%, transparent) 0 34%, transparent calc(34% + 1px)),
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 17%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 34%, transparent), transparent 72%),
    linear-gradient(160deg, #f0e2de, #f7eeeb);
  --golge: 3px 3px 0 color-mix(in srgb, var(--vurgu-2) 30%, transparent);
  --golge-buyuk: 6px 6px 0 color-mix(in srgb, var(--vurgu) 22%, transparent);
  --yaricap: 4px;
  --kenar: 1.5px solid color-mix(in srgb, var(--metin) 20%, transparent);
  --doku: url("/static/temalar/doku/raster.svg"); --doku-boyut: 16px 16px; --doku-opaklik: .06;
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 700; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}

/* Riso yeşil — Riso ailesi. Açık yeşil kâğıt, riso yeşili + ayçiçeği sarısı. */
:root[data-tema="riso-yesil"] {
  color-scheme: light;
  --zemin: #e9ede4; --yuzey: #f3f5ef; --yuzey-2: #dde3d6;
  --metin: #172019; --soluk: #475346; --cizgi: #c5cfbe;
  --vurgu: #00764d; --vurgu-metin: #ffffff; --vurgu-2: #f2a81d;
  --uyari-z: #f1ead3; --uyari-c: #845e0f;
  --analoji-z: #f0e5d6; --analoji-c: #94511d;
  --dikkat-z: #edddd6; --dikkat-c: #ab352c;
  --sinav-z: #dae2e7; --sinav-c: #315ea9;
  --kontrol-z: #d3e4da; --kontrol-c: #006d47;
  --not-z: #e5e6e0; --not-c: #66625a;
  --basari: #2c774b;
  --ust-z: #e9ede4e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/raster-alan.svg") 0 0 / 16px 16px repeat,
    radial-gradient(circle at 74% 118%, color-mix(in srgb, var(--vurgu) 30%, transparent) 0 46%, transparent calc(46% + 1px)),
    radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--vurgu-2) 44%, transparent) 0 34%, transparent calc(34% + 1px)),
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 15%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 44%, transparent), transparent 72%),
    linear-gradient(160deg, #e3e9dc, #eef2e9);
  --golge: 3px 3px 0 color-mix(in srgb, var(--vurgu-2) 30%, transparent);
  --golge-buyuk: 6px 6px 0 color-mix(in srgb, var(--vurgu) 22%, transparent);
  --yaricap: 4px;
  --kenar: 1.5px solid color-mix(in srgb, var(--metin) 20%, transparent);
  --doku: url("/static/temalar/doku/raster.svg"); --doku-boyut: 16px 16px; --doku-opaklik: .07;
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "IBM Plex Sans", system-ui, sans-serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 700; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}

/* Adaçayı — Doğa ailesi. Soluk adaçayı yeşili, orman yeşili vurgu; en sakin tema. */
:root[data-tema="adacayi"] {
  color-scheme: light;
  --zemin: #e8ede4; --yuzey: #f4f6f1; --yuzey-2: #dce3d6;
  --metin: #1f2a24; --soluk: #4c5951; --cizgi: #c9d3c4;
  --vurgu: #3a6650; --vurgu-metin: #ffffff; --vurgu-2: #a9bf96;
  --uyari-z: #eee9d5; --uyari-c: #805e11;
  --analoji-z: #f0e5d7; --analoji-c: #94511d;
  --dikkat-z: #eeded8; --dikkat-c: #ac362c;
  --sinav-z: #dbe3e9; --sinav-c: #315fab;
  --kontrol-z: #dce8dc; --kontrol-c: #326e3f;
  --not-z: #e6e7e2; --not-c: #66625a;
  --basari: #2b764a;
  --ust-z: #e8ede4e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/leke.svg") center / cover no-repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 26%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 50%, transparent), transparent 72%),
    linear-gradient(160deg, #dfe7da, #eef2ea);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 18px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/lif.svg"); --doku-boyut: 320px 320px; --doku-opaklik: .35;
  --yazi-govde: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Brygada 1918", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.01em; --govde-satir: 1.64;
}

/* Kum — Doğa ailesi. Kum rengi zemin, deniz petrolü vurgu, kayısı ikinci renk. */
:root[data-tema="kum"] {
  color-scheme: light;
  --zemin: #eee4d3; --yuzey: #f7f0e4; --yuzey-2: #e3d6c0;
  --metin: #2a241c; --soluk: #5d5242; --cizgi: #d7c7ad;
  --vurgu: #1f6474; --vurgu-metin: #ffffff; --vurgu-2: #d9a273;
  --uyari-z: #f1e4ca; --uyari-c: #7e5d10;
  --analoji-z: #f3e0cc; --analoji-c: #91501d;
  --dikkat-z: #f0d9cd; --dikkat-c: #a9342b;
  --sinav-z: #dedede; --sinav-c: #305da7;
  --kontrol-z: #dfe3d1; --kontrol-c: #316a3d;
  --not-z: #e9e2d6; --not-c: #636058;
  --basari: #2a7248;
  --ust-z: #eee4d3e6;
  --renk-alani: url("/static/temalar/doku/gren-ince.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/leke.svg") center / cover no-repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 24%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 44%, transparent), transparent 72%),
    linear-gradient(160deg, #e8dcc6, #f3ebdd);
  --golge: 0 1px 2px rgba(60,45,25,.06), 0 3px 12px -2px rgba(60,45,25,.08);
  --golge-buyuk: 0 2px 6px rgba(60,45,25,.07), 0 24px 56px -18px rgba(60,45,25,.28);
  --yaricap: 18px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/gren.svg"); --doku-boyut: 220px 220px; --doku-opaklik: .25;
  --yazi-govde: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "EB Garamond", Garamond, Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.005em; --govde-satir: 1.64;
}

/* Gece — Gece ailesi. Lacivert-antrasit gece masası, açık mavi vurgu, sıcak lamba ışığı. */
:root[data-tema="gece"] {
  color-scheme: dark;
  --zemin: #131925; --yuzey: #1a2130; --yuzey-2: #222b3c;
  --metin: #e6e8ee; --soluk: #a7b0c2; --cizgi: #2e394e;
  --vurgu: #8fb0ff; --vurgu-metin: #131925; --vurgu-2: #e0a96d;
  --uyari-z: #37332a; --uyari-c: #e5b440;
  --analoji-z: #392f2d; --analoji-c: #f09a55;
  --dikkat-z: #392932; --dikkat-c: #f07a70;
  --sinav-z: #283348; --sinav-c: #8fb0f0;
  --kontrol-z: #253737; --kontrol-c: #7cc98e;
  --not-z: #2c3139; --not-c: #a8a59c;
  --basari: #7cc98e;
  --ust-z: #131925e6;
  --renk-alani: url("/static/temalar/doku/gren-ince-acik.svg") 0 0 / 180px 180px repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 30%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 20%, transparent), transparent 72%),
    linear-gradient(160deg, #161e2d, #1c2536);
  --golge: 0 1px 0 rgba(255,255,255,.04) inset, 0 4px 14px rgba(0,0,0,.32);
  --golge-buyuk: 0 1px 0 rgba(255,255,255,.05) inset, 0 22px 50px -16px rgba(0,0,0,.6);
  --yaricap: 14px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/gren-acik.svg"); --doku-boyut: 220px 220px; --doku-opaklik: .35;
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", "Iowan Old Style", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.015em; --govde-satir: 1.62;
}

/* Karatahta — Gece ailesi. Koyu yeşil tahta, tebeşir beyazı yazı, sarı tebeşir vurgu. */
:root[data-tema="karatahta"] {
  color-scheme: dark;
  --zemin: #1e3028; --yuzey: #243a30; --yuzey-2: #2c4439;
  --metin: #eef0e8; --soluk: #b9c5bb; --cizgi: #3c564a;
  --vurgu: #f2d46b; --vurgu-metin: #1e3028; --vurgu-2: #e9a0a0;
  --uyari-z: #424c33; --uyari-c: #f2d46b;
  --analoji-z: #424636; --analoji-c: #f0b27a;
  --dikkat-z: #42423b; --dikkat-c: #f19c9c;
  --sinav-z: #33494a; --sinav-c: #9cc4ef;
  --kontrol-z: #354d3c; --kontrol-c: #a8dca0;
  --not-z: #3a4a42; --not-c: #c4cbc3;
  --basari: #7cc98e;
  --ust-z: #1e3028e6;
  --renk-alani: url("/static/temalar/doku/gren-ince-acik.svg") 0 0 / 180px 180px repeat,
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 18%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 16%, transparent), transparent 72%),
    linear-gradient(160deg, #1f332a, #26402f);
  --golge: 0 1px 0 rgba(255,255,255,.04) inset, 0 4px 14px rgba(0,0,0,.32);
  --golge-buyuk: 0 1px 0 rgba(255,255,255,.05) inset, 0 22px 50px -16px rgba(0,0,0,.6);
  --yaricap: 8px;
  --kenar: 1px solid var(--cizgi);
  --doku: url("/static/temalar/doku/tebesir.svg"); --doku-boyut: 360px 360px; --doku-opaklik: .35;
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Source Serif 4", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 650; --baslik-aralik: -0.01em; --govde-satir: 1.62;
}

/* Mürekkep — Gece ailesi. Saf koyu, en yüksek kontrast; doku yok, dikkat dağıtmaz. */
:root[data-tema="murekkep"] {
  color-scheme: dark;
  --zemin: #0d0d0f; --yuzey: #161619; --yuzey-2: #1f1f23;
  --metin: #f3f3f0; --soluk: #bdbdb8; --cizgi: #323237;
  --vurgu: #7cc4ff; --vurgu-metin: #0d0d0f; --vurgu-2: #ff8a5b;
  --uyari-z: #322917; --uyari-c: #e5b440;
  --analoji-z: #34251b; --analoji-c: #f09a55;
  --dikkat-z: #34201f; --dikkat-c: #f07a70;
  --sinav-z: #232935; --sinav-c: #8fb0f0;
  --kontrol-z: #202d25; --kontrol-c: #7cc98e;
  --not-z: #272727; --not-c: #a8a59c;
  --basari: #7cc98e;
  --ust-z: #0d0d0fe6;
  --renk-alani: radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 22%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 14%, transparent), transparent 72%),
    linear-gradient(160deg, #0f0f12, #16161a);
  --golge: 0 0 0 1px rgba(255,255,255,.03);
  --golge-buyuk: 0 24px 60px -20px rgba(0,0,0,.8);
  --yaricap: 10px;
  --kenar: 1px solid var(--cizgi);
  --doku: none; --doku-boyut: auto; --doku-opaklik: 0;
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Space Grotesk", "Inter", system-ui, sans-serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.025em; --govde-satir: 1.62;
}

/* Gece riso — Gece ailesi. Koyu kâğıt üstüne açık ultramarin + flüo turuncu baskı. */
:root[data-tema="gece-riso"] {
  color-scheme: dark;
  --zemin: #16181f; --yuzey: #1e212a; --yuzey-2: #272b36;
  --metin: #e7e8e2; --soluk: #abaeb7; --cizgi: #343947;
  --vurgu: #95a4ff; --vurgu-metin: #16181f; --vurgu-2: #ff6a3d;
  --uyari-z: #393325; --uyari-c: #e5b440;
  --analoji-z: #3e2b29; --analoji-c: #ff8a5c;
  --dikkat-z: #3b292d; --dikkat-c: #f07a70;
  --sinav-z: #2c3045; --sinav-c: #95a4ff;
  --kontrol-z: #273632; --kontrol-c: #7cc98e;
  --not-z: #2f3034; --not-c: #a8a59c;
  --basari: #7cc98e;
  --ust-z: #16181fe6;
  --renk-alani: url("/static/temalar/doku/gren-ince-acik.svg") 0 0 / 180px 180px repeat,
    url("/static/temalar/doku/raster-alan-acik.svg") 0 0 / 16px 16px repeat,
    radial-gradient(circle at 74% 118%, color-mix(in srgb, var(--vurgu) 30%, transparent) 0 46%, transparent calc(46% + 1px)),
    radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--vurgu-2) 26%, transparent) 0 34%, transparent calc(34% + 1px)),
    radial-gradient(60% 85% at 16% 20%, color-mix(in oklab, var(--vurgu) 15%, transparent), transparent 70%),
    radial-gradient(55% 75% at 88% 82%, color-mix(in oklab, var(--vurgu-2) 26%, transparent), transparent 72%),
    linear-gradient(160deg, #181b23, #1f2330);
  --golge: 3px 3px 0 color-mix(in srgb, var(--vurgu-2) 28%, transparent);
  --golge-buyuk: 6px 6px 0 color-mix(in srgb, var(--vurgu) 24%, transparent);
  --yaricap: 4px;
  --kenar: 1.5px solid color-mix(in srgb, var(--metin) 16%, transparent);
  --doku: url("/static/temalar/doku/raster-acik.svg"); --doku-boyut: 16px 16px; --doku-opaklik: .05;
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 700; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}

/* Yazı çiftleri — temadan bağımsız seçilir (<html data-yazi="…">).
   html:root[...] özgüllüğü (0,2,1), tema bloklarının (0,2,0) üstündedir; data-yazi="tema" hiçbirine uymaz,
   o zaman temanın kendi çifti geçerli kalır. */
html:root[data-yazi="kagit"] { /* Fraunces + Inter */
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", "Iowan Old Style", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.015em; --govde-satir: 1.62;
}
html:root[data-yazi="okuma"] { /* Newsreader (tam serif) */
  --yazi-govde: "Newsreader", "Iowan Old Style", Georgia, serif;
  --yazi-baslik: "Newsreader", "Iowan Old Style", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.01em; --govde-satir: 1.6;
}
html:root[data-yazi="kitap"] { /* Source Serif 4 + IBM Plex Sans */
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Source Serif 4", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 650; --baslik-aralik: -0.01em; --govde-satir: 1.62;
}
html:root[data-yazi="garamond"] { /* EB Garamond + DM Sans */
  --yazi-govde: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "EB Garamond", Garamond, Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.005em; --govde-satir: 1.64;
}
html:root[data-yazi="modern"] { /* Space Grotesk + Inter */
  --yazi-govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Space Grotesk", "Inter", system-ui, sans-serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.025em; --govde-satir: 1.62;
}
html:root[data-yazi="riso-serif"] { /* Fraunces + Plex Sans + Plex Mono */
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Fraunces", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 700; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}
html:root[data-yazi="riso"] { /* IBM Plex Sans + Plex Mono */
  --yazi-govde: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "IBM Plex Sans", system-ui, sans-serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 700; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}
html:root[data-yazi="brygada"] { /* Brygada 1918 + Libre Franklin */
  --yazi-govde: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Brygada 1918", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 600; --baslik-aralik: -0.01em; --govde-satir: 1.64;
}
html:root[data-yazi="gazete"] { /* Newsreader + Libre Franklin */
  --yazi-govde: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --yazi-baslik: "Newsreader", Georgia, serif;
  --yazi-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --baslik-agirlik: 750; --baslik-aralik: -0.02em; --govde-satir: 1.62;
}