/* ══════════════════════════════════════════════════════════════
   assets/countdown-themes.css
   ──────────────────────────────────────────────────────────────
   Geri sayım tema motoru — GÖRSEL KATMAN.
   Tema anahtarları countdown_theme.php içinde tanımlıdır.

   Yapı:
     [data-cdtheme="X"]  → --ct-* token setini kurar (light)
     [data-theme=dark] ...   → dark karşılıkları
     Ortak kurallar (en altta) yalnız bu tokenları tüketir.

   Süslemeler (ornament) tek renk SVG'dir ve mask-image ile boyanır;
   böylece tek desen hem açık hem koyu temada doğru renkte çıkar.

   ⚠ Bu dosya scripts/gen-themes.js benzeri bir üreteçten çıkmıştır;
     elle düzenlerken --ct-* sözleşmesini bozmayın.
   ══════════════════════════════════════════════════════════════ */

/* ─── default (+ duz) ─── */
[data-cdtheme="default"],[data-cdtheme="duz"]{
  --ct-1:#2f4bd8;
  --ct-2:#036b4d;
  --ct-3:#96500a;
  --ct-4:#c02434;
  --ct-ink:#0b1220;
  --ct-hero:radial-gradient(ellipse 40% 60% at 78% 18%,rgba(47,75,216,.10),transparent 70%);
  --ct-glow:rgba(47,75,216,.10);
  --ct-soft:rgba(47,75,216,0.09);
  --ct-line:rgba(47,75,216,0.24);
  --ct-sec:linear-gradient(180deg,rgba(47,75,216,0.045),transparent 62%);
  --ct-orn-c:transparent;
  --ct-orn-op:0;
  --ct-orn:none;
  --ct-orn-size:auto;
}
[data-theme=dark] [data-cdtheme="default"],[data-theme=dark] [data-cdtheme="duz"]{
  --ct-1:#7ea6ff;
  --ct-2:#2ee0aa;
  --ct-3:#fbbf24;
  --ct-4:#fb7185;
  --ct-ink:#f2f4f8;
  --ct-hero:radial-gradient(ellipse 40% 60% at 78% 18%,rgba(126,166,255,.14),transparent 70%);
  --ct-glow:rgba(126,166,255,.14);
  --ct-soft:rgba(126,166,255,0.09);
  --ct-line:rgba(126,166,255,0.24);
  --ct-sec:linear-gradient(180deg,rgba(126,166,255,0.045),transparent 62%);
  --ct-orn-c:transparent;
  --ct-orn-op:0;
  --ct-orn:none;
  --ct-orn-size:auto;
}

/* ─── ramazan ─── */
[data-cdtheme="ramazan"]{
  --ct-1:#8a6516;
  --ct-2:#0f766e;
  --ct-3:#a1580b;
  --ct-4:#3730a3;
  --ct-ink:#3d2c07;
  --ct-hero:linear-gradient(135deg,rgba(201,146,48,.30),rgba(212,162,76,.10) 46%,transparent 68%),radial-gradient(ellipse 60% 90% at 88% 38%,rgba(55,48,163,.14),transparent 66%);
  --ct-glow:rgba(180,131,45,.22);
  --ct-soft:rgba(138,101,22,0.09);
  --ct-line:rgba(138,101,22,0.24);
  --ct-sec:linear-gradient(180deg,rgba(138,101,22,0.045),transparent 62%);
  --ct-orn-c:#8a6516;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cg fill='%23000'%3E %3Cpath d='M34 20a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M114 100a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M118 26l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Cpath d='M38 106l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Ccircle cx='80' cy='68' r='2'/%3E %3Ccircle cx='150' cy='72' r='2'/%3E %3Ccircle cx='10' cy='150' r='2'/%3E %3Ccircle cx='84' cy='148' r='2'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:160px 160px;
}
[data-theme=dark] [data-cdtheme="ramazan"]{
  --ct-1:#e8c46e;
  --ct-2:#2dd4bf;
  --ct-3:#fbbf24;
  --ct-4:#a5b4fc;
  --ct-ink:#f7ecd2;
  --ct-hero:linear-gradient(140deg,rgba(232,196,110,.10),transparent 52%),radial-gradient(ellipse 60% 90% at 84% 38%,rgba(76,29,149,.35),transparent 66%);
  --ct-glow:rgba(232,196,110,.20);
  --ct-soft:rgba(232,196,110,0.09);
  --ct-line:rgba(232,196,110,0.24);
  --ct-sec:linear-gradient(180deg,rgba(232,196,110,0.045),transparent 62%);
  --ct-orn-c:#e8c46e;
  --ct-orn-op:.065;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cg fill='%23000'%3E %3Cpath d='M34 20a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M114 100a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M118 26l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Cpath d='M38 106l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Ccircle cx='80' cy='68' r='2'/%3E %3Ccircle cx='150' cy='72' r='2'/%3E %3Ccircle cx='10' cy='150' r='2'/%3E %3Ccircle cx='84' cy='148' r='2'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:160px 160px;
}

/* ─── ramazan-bayrami ─── */
[data-cdtheme="ramazan-bayrami"]{
  --ct-1:#0f766e;
  --ct-2:#a1580b;
  --ct-3:#1d4ed8;
  --ct-4:#9d174d;
  --ct-ink:#0b3a36;
  --ct-hero:linear-gradient(135deg,rgba(13,148,136,.26),rgba(20,184,166,.08) 44%,transparent 66%),radial-gradient(ellipse 58% 88% at 88% 42%,rgba(201,146,48,.24),transparent 64%);
  --ct-glow:rgba(15,118,110,.20);
  --ct-soft:rgba(15,118,110,0.09);
  --ct-line:rgba(15,118,110,0.24);
  --ct-sec:linear-gradient(180deg,rgba(15,118,110,0.045),transparent 62%);
  --ct-orn-c:#0f766e;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M60 12l14 14h20v20l14 14-14 14v20H74l-14 14-14-14H26V74L12 60l14-14V26h20z'/%3E %3Cpath d='M60 30l10.6 10.6H86v15.4L96.6 66 86 76.6V92H70.6L60 102.6 49.4 92H34V76.6L23.4 66 34 55.4V40h15.4z' opacity='.55'/%3E %3Ccircle cx='60' cy='60' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}
[data-theme=dark] [data-cdtheme="ramazan-bayrami"]{
  --ct-1:#2dd4bf;
  --ct-2:#fbbf24;
  --ct-3:#93c5fd;
  --ct-4:#f9a8d4;
  --ct-ink:#d7fff8;
  --ct-hero:linear-gradient(135deg,rgba(45,212,191,.10),transparent 50%),radial-gradient(ellipse 60% 90% at 86% 42%,rgba(161,98,7,.28),transparent 64%);
  --ct-glow:rgba(45,212,191,.20);
  --ct-soft:rgba(45,212,191,0.09);
  --ct-line:rgba(45,212,191,0.24);
  --ct-sec:linear-gradient(180deg,rgba(45,212,191,0.045),transparent 62%);
  --ct-orn-c:#2dd4bf;
  --ct-orn-op:.060;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M60 12l14 14h20v20l14 14-14 14v20H74l-14 14-14-14H26V74L12 60l14-14V26h20z'/%3E %3Cpath d='M60 30l10.6 10.6H86v15.4L96.6 66 86 76.6V92H70.6L60 102.6 49.4 92H34V76.6L23.4 66 34 55.4V40h15.4z' opacity='.55'/%3E %3Ccircle cx='60' cy='60' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}

/* ─── kurban-bayrami ─── */
[data-cdtheme="kurban-bayrami"]{
  --ct-1:#12722f;
  --ct-2:#a1580b;
  --ct-3:#0f766e;
  --ct-4:#9a3412;
  --ct-ink:#0f3d20;
  --ct-hero:linear-gradient(135deg,rgba(21,128,61,.13),transparent 52%),radial-gradient(ellipse 55% 85% at 86% 42%,rgba(212,162,76,.15),transparent 62%);
  --ct-glow:rgba(21,128,61,.20);
  --ct-soft:rgba(18,114,47,0.09);
  --ct-line:rgba(18,114,47,0.24);
  --ct-sec:linear-gradient(180deg,rgba(18,114,47,0.045),transparent 62%);
  --ct-orn-c:#15803d;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M60 12l14 14h20v20l14 14-14 14v20H74l-14 14-14-14H26V74L12 60l14-14V26h20z'/%3E %3Cpath d='M60 30l10.6 10.6H86v15.4L96.6 66 86 76.6V92H70.6L60 102.6 49.4 92H34V76.6L23.4 66 34 55.4V40h15.4z' opacity='.55'/%3E %3Ccircle cx='60' cy='60' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:140px 140px;
}
[data-theme=dark] [data-cdtheme="kurban-bayrami"]{
  --ct-1:#4ade80;
  --ct-2:#fbbf24;
  --ct-3:#5eead4;
  --ct-4:#fdba74;
  --ct-ink:#dcfce7;
  --ct-hero:linear-gradient(135deg,rgba(74,222,128,.09),transparent 52%),radial-gradient(ellipse 60% 88% at 86% 40%,rgba(120,53,15,.30),transparent 64%);
  --ct-glow:rgba(74,222,128,.18);
  --ct-soft:rgba(74,222,128,0.09);
  --ct-line:rgba(74,222,128,0.24);
  --ct-sec:linear-gradient(180deg,rgba(74,222,128,0.045),transparent 62%);
  --ct-orn-c:#4ade80;
  --ct-orn-op:.055;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M60 12l14 14h20v20l14 14-14 14v20H74l-14 14-14-14H26V74L12 60l14-14V26h20z'/%3E %3Cpath d='M60 30l10.6 10.6H86v15.4L96.6 66 86 76.6V92H70.6L60 102.6 49.4 92H34V76.6L23.4 66 34 55.4V40h15.4z' opacity='.55'/%3E %3Ccircle cx='60' cy='60' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:140px 140px;
}

/* ─── kandil ─── */
[data-cdtheme="kandil"]{
  --ct-1:#6d28d9;
  --ct-2:#a1580b;
  --ct-3:#1e40af;
  --ct-4:#9d174d;
  --ct-ink:#3b1a72;
  --ct-hero:radial-gradient(ellipse 50% 70% at 50% -10%,rgba(250,204,21,.22),transparent 60%),linear-gradient(180deg,rgba(109,40,217,.10),transparent 60%);
  --ct-glow:rgba(250,204,21,.20);
  --ct-soft:rgba(109,40,217,0.09);
  --ct-line:rgba(109,40,217,0.24);
  --ct-sec:linear-gradient(180deg,rgba(109,40,217,0.045),transparent 62%);
  --ct-orn-c:#a1580b;
  --ct-orn-op:.060;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E %3Cpath d='M70 34c7 9 11 15 11 22a11 11 0 0 1-22 0c0-7 4-13 11-22z'/%3E %3Cpath d='M70 8v14M70 118v14M8 70h14M118 70h14M26 26l10 10M104 104l10 10M114 26l-10 10M36 104l-10 10'/%3E %3Ccircle cx='70' cy='70' r='40' opacity='.35' stroke-dasharray='3 7'/%3E %3Ccircle cx='70' cy='70' r='58' opacity='.2' stroke-dasharray='2 9'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:200px 200px;
}
[data-theme=dark] [data-cdtheme="kandil"]{
  --ct-1:#c4b5fd;
  --ct-2:#fcd34d;
  --ct-3:#93c5fd;
  --ct-4:#f9a8d4;
  --ct-ink:#ede9fe;
  --ct-hero:radial-gradient(ellipse 55% 75% at 50% -12%,rgba(252,211,77,.20),transparent 62%),linear-gradient(180deg,rgba(76,29,149,.35),transparent 62%);
  --ct-glow:rgba(252,211,77,.18);
  --ct-soft:rgba(196,181,253,0.09);
  --ct-line:rgba(196,181,253,0.24);
  --ct-sec:linear-gradient(180deg,rgba(196,181,253,0.045),transparent 62%);
  --ct-orn-c:#fcd34d;
  --ct-orn-op:.070;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E %3Cpath d='M70 34c7 9 11 15 11 22a11 11 0 0 1-22 0c0-7 4-13 11-22z'/%3E %3Cpath d='M70 8v14M70 118v14M8 70h14M118 70h14M26 26l10 10M104 104l10 10M114 26l-10 10M36 104l-10 10'/%3E %3Ccircle cx='70' cy='70' r='40' opacity='.35' stroke-dasharray='3 7'/%3E %3Ccircle cx='70' cy='70' r='58' opacity='.2' stroke-dasharray='2 9'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:200px 200px;
}

/* ─── hicri ─── */
[data-cdtheme="hicri"]{
  --ct-1:#115e59;
  --ct-2:#92400e;
  --ct-3:#1e40af;
  --ct-4:#6d28d9;
  --ct-ink:#0c3a37;
  --ct-hero:linear-gradient(135deg,rgba(17,94,89,.13),transparent 55%),radial-gradient(ellipse 55% 85% at 84% 42%,rgba(146,64,14,.12),transparent 64%);
  --ct-glow:rgba(17,94,89,.18);
  --ct-soft:rgba(17,94,89,0.09);
  --ct-line:rgba(17,94,89,0.24);
  --ct-sec:linear-gradient(180deg,rgba(17,94,89,0.045),transparent 62%);
  --ct-orn-c:#115e59;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cg fill='%23000'%3E %3Cpath d='M34 20a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M114 100a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M118 26l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Cpath d='M38 106l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Ccircle cx='80' cy='68' r='2'/%3E %3Ccircle cx='150' cy='72' r='2'/%3E %3Ccircle cx='10' cy='150' r='2'/%3E %3Ccircle cx='84' cy='148' r='2'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:180px 180px;
}
[data-theme=dark] [data-cdtheme="hicri"]{
  --ct-1:#5eead4;
  --ct-2:#fbbf24;
  --ct-3:#a5b4fc;
  --ct-4:#d8b4fe;
  --ct-ink:#ccfbf1;
  --ct-hero:linear-gradient(135deg,rgba(94,234,212,.08),transparent 55%),radial-gradient(ellipse 60% 88% at 84% 40%,rgba(30,64,175,.28),transparent 64%);
  --ct-glow:rgba(94,234,212,.16);
  --ct-soft:rgba(94,234,212,0.09);
  --ct-line:rgba(94,234,212,0.24);
  --ct-sec:linear-gradient(180deg,rgba(94,234,212,0.045),transparent 62%);
  --ct-orn-c:#5eead4;
  --ct-orn-op:.055;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cg fill='%23000'%3E %3Cpath d='M34 20a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M114 100a20 20 0 1 0 0 40 15.5 15.5 0 1 1 0-40z'/%3E %3Cpath d='M118 26l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Cpath d='M38 106l2.6 7.4 7.4 2.6-7.4 2.6-2.6 7.4-2.6-7.4-7.4-2.6 7.4-2.6z'/%3E %3Ccircle cx='80' cy='68' r='2'/%3E %3Ccircle cx='150' cy='72' r='2'/%3E %3Ccircle cx='10' cy='150' r='2'/%3E %3Ccircle cx='84' cy='148' r='2'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:180px 180px;
}

/* ─── dini ─── */
[data-cdtheme="dini"]{
  --ct-1:#12722f;
  --ct-2:#a1580b;
  --ct-3:#0f766e;
  --ct-4:#1d4ed8;
  --ct-ink:#0f3d20;
  --ct-hero:linear-gradient(135deg,rgba(21,128,61,.11),transparent 55%);
  --ct-glow:rgba(21,128,61,.17);
  --ct-soft:rgba(18,114,47,0.09);
  --ct-line:rgba(18,114,47,0.24);
  --ct-sec:linear-gradient(180deg,rgba(18,114,47,0.045),transparent 62%);
  --ct-orn-c:#15803d;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M60 12l14 14h20v20l14 14-14 14v20H74l-14 14-14-14H26V74L12 60l14-14V26h20z'/%3E %3Cpath d='M60 30l10.6 10.6H86v15.4L96.6 66 86 76.6V92H70.6L60 102.6 49.4 92H34V76.6L23.4 66 34 55.4V40h15.4z' opacity='.55'/%3E %3Ccircle cx='60' cy='60' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:150px 150px;
}
[data-theme=dark] [data-cdtheme="dini"]{
  --ct-1:#4ade80;
  --ct-2:#fbbf24;
  --ct-3:#5eead4;
  --ct-4:#93c5fd;
  --ct-ink:#dcfce7;
  --ct-hero:linear-gradient(135deg,rgba(74,222,128,.08),transparent 55%);
  --ct-glow:rgba(74,222,128,.16);
  --ct-soft:rgba(74,222,128,0.09);
  --ct-line:rgba(74,222,128,0.24);
  --ct-sec:linear-gradient(180deg,rgba(74,222,128,0.045),transparent 62%);
  --ct-orn-c:#4ade80;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M60 12l14 14h20v20l14 14-14 14v20H74l-14 14-14-14H26V74L12 60l14-14V26h20z'/%3E %3Cpath d='M60 30l10.6 10.6H86v15.4L96.6 66 86 76.6V92H70.6L60 102.6 49.4 92H34V76.6L23.4 66 34 55.4V40h15.4z' opacity='.55'/%3E %3Ccircle cx='60' cy='60' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:150px 150px;
}

/* ─── yks ─── */
[data-cdtheme="yks"]{
  --ct-1:#4338ca;
  --ct-2:#0f766e;
  --ct-3:#b45309;
  --ct-4:#be123c;
  --ct-ink:#241d78;
  --ct-hero:linear-gradient(135deg,rgba(67,56,202,.13),transparent 55%),radial-gradient(ellipse 50% 80% at 88% 40%,rgba(190,18,60,.09),transparent 62%);
  --ct-glow:rgba(67,56,202,.20);
  --ct-soft:rgba(67,56,202,0.09);
  --ct-line:rgba(67,56,202,0.24);
  --ct-sec:linear-gradient(180deg,rgba(67,56,202,0.045),transparent 62%);
  --ct-orn-c:#4338ca;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.2'%3E %3Ccircle cx='16' cy='16' r='6'/%3E%3Ccircle cx='38' cy='16' r='6'/%3E%3Ccircle cx='60' cy='16' r='6'/%3E%3Ccircle cx='82' cy='16' r='6'/%3E%3Ccircle cx='104' cy='16' r='6'/%3E %3Ccircle cx='16' cy='46' r='6'/%3E%3Ccircle cx='60' cy='46' r='6'/%3E%3Ccircle cx='82' cy='46' r='6'/%3E%3Ccircle cx='104' cy='46' r='6'/%3E %3Ccircle cx='16' cy='76' r='6'/%3E%3Ccircle cx='38' cy='76' r='6'/%3E%3Ccircle cx='60' cy='76' r='6'/%3E%3Ccircle cx='104' cy='76' r='6'/%3E %3Ccircle cx='38' cy='106' r='6'/%3E%3Ccircle cx='60' cy='106' r='6'/%3E%3Ccircle cx='82' cy='106' r='6'/%3E%3Ccircle cx='104' cy='106' r='6'/%3E %3C/g%3E %3Cg fill='%23000'%3E %3Ccircle cx='38' cy='46' r='6'/%3E%3Ccircle cx='82' cy='76' r='6'/%3E%3Ccircle cx='16' cy='106' r='6'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}
[data-theme=dark] [data-cdtheme="yks"]{
  --ct-1:#a5b4fc;
  --ct-2:#5eead4;
  --ct-3:#fbbf24;
  --ct-4:#fda4af;
  --ct-ink:#e0e7ff;
  --ct-hero:linear-gradient(135deg,rgba(165,180,252,.09),transparent 55%),radial-gradient(ellipse 55% 85% at 86% 38%,rgba(67,56,202,.30),transparent 64%);
  --ct-glow:rgba(165,180,252,.18);
  --ct-soft:rgba(165,180,252,0.09);
  --ct-line:rgba(165,180,252,0.24);
  --ct-sec:linear-gradient(180deg,rgba(165,180,252,0.045),transparent 62%);
  --ct-orn-c:#a5b4fc;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.2'%3E %3Ccircle cx='16' cy='16' r='6'/%3E%3Ccircle cx='38' cy='16' r='6'/%3E%3Ccircle cx='60' cy='16' r='6'/%3E%3Ccircle cx='82' cy='16' r='6'/%3E%3Ccircle cx='104' cy='16' r='6'/%3E %3Ccircle cx='16' cy='46' r='6'/%3E%3Ccircle cx='60' cy='46' r='6'/%3E%3Ccircle cx='82' cy='46' r='6'/%3E%3Ccircle cx='104' cy='46' r='6'/%3E %3Ccircle cx='16' cy='76' r='6'/%3E%3Ccircle cx='38' cy='76' r='6'/%3E%3Ccircle cx='60' cy='76' r='6'/%3E%3Ccircle cx='104' cy='76' r='6'/%3E %3Ccircle cx='38' cy='106' r='6'/%3E%3Ccircle cx='60' cy='106' r='6'/%3E%3Ccircle cx='82' cy='106' r='6'/%3E%3Ccircle cx='104' cy='106' r='6'/%3E %3C/g%3E %3Cg fill='%23000'%3E %3Ccircle cx='38' cy='46' r='6'/%3E%3Ccircle cx='82' cy='76' r='6'/%3E%3Ccircle cx='16' cy='106' r='6'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}

/* ─── lgs ─── */
[data-cdtheme="lgs"]{
  --ct-1:#0369a1;
  --ct-2:#0f766e;
  --ct-3:#b45309;
  --ct-4:#7c3aed;
  --ct-ink:#0a3d5c;
  --ct-hero:linear-gradient(135deg,rgba(3,105,161,.13),transparent 55%),radial-gradient(ellipse 50% 80% at 88% 42%,rgba(124,58,237,.09),transparent 62%);
  --ct-glow:rgba(3,105,161,.20);
  --ct-soft:rgba(3,105,161,0.09);
  --ct-line:rgba(3,105,161,0.24);
  --ct-sec:linear-gradient(180deg,rgba(3,105,161,0.045),transparent 62%);
  --ct-orn-c:#0369a1;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E %3Cg stroke='%23000' stroke-width='1' fill='none'%3E %3Cpath d='M0 24h96M0 48h96M0 72h96M24 0v96M48 0v96M72 0v96'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='2' fill='none' opacity='.8'%3E %3Cpath d='M0 .5h96M.5 0v96'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:96px 96px;
}
[data-theme=dark] [data-cdtheme="lgs"]{
  --ct-1:#7dd3fc;
  --ct-2:#5eead4;
  --ct-3:#fbbf24;
  --ct-4:#c4b5fd;
  --ct-ink:#e0f2fe;
  --ct-hero:linear-gradient(135deg,rgba(125,211,252,.09),transparent 55%),radial-gradient(ellipse 55% 85% at 86% 40%,rgba(3,105,161,.28),transparent 64%);
  --ct-glow:rgba(125,211,252,.18);
  --ct-soft:rgba(125,211,252,0.09);
  --ct-line:rgba(125,211,252,0.24);
  --ct-sec:linear-gradient(180deg,rgba(125,211,252,0.045),transparent 62%);
  --ct-orn-c:#7dd3fc;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E %3Cg stroke='%23000' stroke-width='1' fill='none'%3E %3Cpath d='M0 24h96M0 48h96M0 72h96M24 0v96M48 0v96M72 0v96'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='2' fill='none' opacity='.8'%3E %3Cpath d='M0 .5h96M.5 0v96'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:96px 96px;
}

/* ─── kpss ─── */
[data-cdtheme="kpss"]{
  --ct-1:#9f1239;
  --ct-2:#1e40af;
  --ct-3:#115e59;
  --ct-4:#92400e;
  --ct-ink:#5c0a22;
  --ct-hero:linear-gradient(135deg,rgba(159,18,57,.11),transparent 55%),radial-gradient(ellipse 50% 80% at 88% 42%,rgba(30,64,175,.10),transparent 62%);
  --ct-glow:rgba(159,18,57,.18);
  --ct-soft:rgba(159,18,57,0.09);
  --ct-line:rgba(159,18,57,0.24);
  --ct-sec:linear-gradient(180deg,rgba(159,18,57,0.045),transparent 62%);
  --ct-orn-c:#9f1239;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.2'%3E %3Ccircle cx='34' cy='34' r='20'/%3E%3Ccircle cx='34' cy='34' r='14' stroke-dasharray='3 4'/%3E %3Ccircle cx='100' cy='100' r='20'/%3E%3Ccircle cx='100' cy='100' r='14' stroke-dasharray='3 4'/%3E %3Cpath d='M64 20h56M64 30h44M64 40h50M10 90h44M10 100h56M10 110h38'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:130px 130px;
}
[data-theme=dark] [data-cdtheme="kpss"]{
  --ct-1:#fda4af;
  --ct-2:#93c5fd;
  --ct-3:#5eead4;
  --ct-4:#fcd34d;
  --ct-ink:#ffe4e6;
  --ct-hero:linear-gradient(135deg,rgba(253,164,175,.08),transparent 55%),radial-gradient(ellipse 55% 85% at 86% 40%,rgba(136,19,55,.32),transparent 64%);
  --ct-glow:rgba(253,164,175,.16);
  --ct-soft:rgba(253,164,175,0.09);
  --ct-line:rgba(253,164,175,0.24);
  --ct-sec:linear-gradient(180deg,rgba(253,164,175,0.045),transparent 62%);
  --ct-orn-c:#fda4af;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.2'%3E %3Ccircle cx='34' cy='34' r='20'/%3E%3Ccircle cx='34' cy='34' r='14' stroke-dasharray='3 4'/%3E %3Ccircle cx='100' cy='100' r='20'/%3E%3Ccircle cx='100' cy='100' r='14' stroke-dasharray='3 4'/%3E %3Cpath d='M64 20h56M64 30h44M64 40h50M10 90h44M10 100h56M10 110h38'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:130px 130px;
}

/* ─── ales-dgs ─── */
[data-cdtheme="ales-dgs"]{
  --ct-1:#1d4ed8;
  --ct-2:#b45309;
  --ct-3:#0f766e;
  --ct-4:#7c3aed;
  --ct-ink:#12307c;
  --ct-hero:linear-gradient(135deg,rgba(29,78,216,.12),transparent 55%);
  --ct-glow:rgba(29,78,216,.18);
  --ct-soft:rgba(29,78,216,0.09);
  --ct-line:rgba(29,78,216,0.24);
  --ct-sec:linear-gradient(180deg,rgba(29,78,216,0.045),transparent 62%);
  --ct-orn-c:#1d4ed8;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E %3Cg stroke='%23000' fill='none'%3E %3Cpath stroke-width='.7' d='M0 10h100M0 20h100M0 30h100M0 40h100M0 60h100M0 70h100M0 80h100M0 90h100M10 0v100M20 0v100M30 0v100M40 0v100M60 0v100M70 0v100M80 0v100M90 0v100' opacity='.5'/%3E %3Cpath stroke-width='1.6' d='M0 50h100M50 0v100'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:100px 100px;
}
[data-theme=dark] [data-cdtheme="ales-dgs"]{
  --ct-1:#93c5fd;
  --ct-2:#fdba74;
  --ct-3:#5eead4;
  --ct-4:#c4b5fd;
  --ct-ink:#dbeafe;
  --ct-hero:linear-gradient(135deg,rgba(147,197,253,.08),transparent 55%);
  --ct-glow:rgba(147,197,253,.16);
  --ct-soft:rgba(147,197,253,0.09);
  --ct-line:rgba(147,197,253,0.24);
  --ct-sec:linear-gradient(180deg,rgba(147,197,253,0.045),transparent 62%);
  --ct-orn-c:#93c5fd;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E %3Cg stroke='%23000' fill='none'%3E %3Cpath stroke-width='.7' d='M0 10h100M0 20h100M0 30h100M0 40h100M0 60h100M0 70h100M0 80h100M0 90h100M10 0v100M20 0v100M30 0v100M40 0v100M60 0v100M70 0v100M80 0v100M90 0v100' opacity='.5'/%3E %3Cpath stroke-width='1.6' d='M0 50h100M50 0v100'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:100px 100px;
}

/* ─── sinav ─── */
[data-cdtheme="sinav"]{
  --ct-1:#5b21b6;
  --ct-2:#0f766e;
  --ct-3:#b45309;
  --ct-4:#1d4ed8;
  --ct-ink:#3c1483;
  --ct-hero:linear-gradient(135deg,rgba(91,33,182,.12),transparent 55%);
  --ct-glow:rgba(91,33,182,.19);
  --ct-soft:rgba(91,33,182,0.09);
  --ct-line:rgba(91,33,182,0.24);
  --ct-sec:linear-gradient(180deg,rgba(91,33,182,0.045),transparent 62%);
  --ct-orn-c:#5b21b6;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E %3Cg stroke='%23000' stroke-width='1' fill='none'%3E %3Cpath d='M0 24h96M0 48h96M0 72h96M24 0v96M48 0v96M72 0v96'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='2' fill='none' opacity='.8'%3E %3Cpath d='M0 .5h96M.5 0v96'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:110px 110px;
}
[data-theme=dark] [data-cdtheme="sinav"]{
  --ct-1:#c4b5fd;
  --ct-2:#5eead4;
  --ct-3:#fbbf24;
  --ct-4:#93c5fd;
  --ct-ink:#ede9fe;
  --ct-hero:linear-gradient(135deg,rgba(196,181,253,.08),transparent 55%);
  --ct-glow:rgba(196,181,253,.17);
  --ct-soft:rgba(196,181,253,0.09);
  --ct-line:rgba(196,181,253,0.24);
  --ct-sec:linear-gradient(180deg,rgba(196,181,253,0.045),transparent 62%);
  --ct-orn-c:#c4b5fd;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E %3Cg stroke='%23000' stroke-width='1' fill='none'%3E %3Cpath d='M0 24h96M0 48h96M0 72h96M24 0v96M48 0v96M72 0v96'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='2' fill='none' opacity='.8'%3E %3Cpath d='M0 .5h96M.5 0v96'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:110px 110px;
}

/* ─── okul ─── */
[data-cdtheme="okul"]{
  --ct-1:#a34a07;
  --ct-2:#15803d;
  --ct-3:#1d4ed8;
  --ct-4:#be123c;
  --ct-ink:#7a3a06;
  --ct-hero:linear-gradient(135deg,rgba(180,83,9,.12),transparent 52%),radial-gradient(ellipse 50% 80% at 88% 42%,rgba(21,128,61,.10),transparent 62%);
  --ct-glow:rgba(180,83,9,.18);
  --ct-soft:rgba(163,74,7,0.09);
  --ct-line:rgba(163,74,7,0.24);
  --ct-sec:linear-gradient(180deg,rgba(163,74,7,0.045),transparent 62%);
  --ct-orn-c:#b45309;
  --ct-orn-op:.045;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M18 96l6-22 36-36 16 16-36 36z'/%3E%3Cpath d='M24 74l16 16'/%3E%3Cpath d='M18 96l10-4'/%3E %3Cpath d='M78 34l10-10 14 14-10 10z'/%3E %3Cpath d='M96 96h14M92 106h18'/%3E %3Ccircle cx='34' cy='24' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}
[data-theme=dark] [data-cdtheme="okul"]{
  --ct-1:#fdba74;
  --ct-2:#4ade80;
  --ct-3:#93c5fd;
  --ct-4:#fda4af;
  --ct-ink:#ffedd5;
  --ct-hero:linear-gradient(135deg,rgba(253,186,116,.09),transparent 52%),radial-gradient(ellipse 55% 85% at 86% 40%,rgba(21,128,61,.22),transparent 64%);
  --ct-glow:rgba(253,186,116,.17);
  --ct-soft:rgba(253,186,116,0.09);
  --ct-line:rgba(253,186,116,0.24);
  --ct-sec:linear-gradient(180deg,rgba(253,186,116,0.045),transparent 62%);
  --ct-orn-c:#fdba74;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E %3Cpath d='M18 96l6-22 36-36 16 16-36 36z'/%3E%3Cpath d='M24 74l16 16'/%3E%3Cpath d='M18 96l10-4'/%3E %3Cpath d='M78 34l10-10 14 14-10 10z'/%3E %3Cpath d='M96 96h14M92 106h18'/%3E %3Ccircle cx='34' cy='24' r='7'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}

/* ─── milli ─── */
[data-cdtheme="milli"]{
  --ct-1:#b81232;
  --ct-2:#1e293b;
  --ct-3:#1d4ed8;
  --ct-4:#92400e;
  --ct-ink:#7c0c22;
  --ct-hero:linear-gradient(135deg,rgba(230,57,70,.14),transparent 52%),radial-gradient(ellipse 55% 85% at 86% 42%,rgba(230,57,70,.10),transparent 64%);
  --ct-glow:rgba(184,18,50,.20);
  --ct-soft:rgba(184,18,50,0.09);
  --ct-line:rgba(184,18,50,0.24);
  --ct-sec:linear-gradient(180deg,rgba(184,18,50,0.045),transparent 62%);
  --ct-orn-c:#b81232;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E %3Cg fill='%23000'%3E %3Cpath d='M42 26a24 24 0 1 0 0 48 18.5 18.5 0 1 1 0-48z'/%3E %3Cpath d='M84 40l4.4 13.4h14l-11.4 8.2 4.4 13.4L84 66.8 72.6 75l4.4-13.4L65.6 53.4h14z'/%3E %3C/g%3E %3Cg fill='%23000' opacity='.5'%3E %3Cpath d='M112 100a14 14 0 1 0 0 28 10.8 10.8 0 1 1 0-28z'/%3E %3Cpath d='M20 110l2.6 7.8h8.2l-6.6 4.8 2.5 7.8-6.7-4.8-6.7 4.8 2.5-7.8-6.6-4.8h8.2z'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:140px 140px;
}
[data-theme=dark] [data-cdtheme="milli"]{
  --ct-1:#ff8a8a;
  --ct-2:#e2e8f0;
  --ct-3:#93c5fd;
  --ct-4:#fcd34d;
  --ct-ink:#ffe4e6;
  --ct-hero:linear-gradient(135deg,rgba(230,57,70,.16),transparent 52%),radial-gradient(ellipse 60% 88% at 84% 40%,rgba(120,10,30,.35),transparent 64%);
  --ct-glow:rgba(255,138,138,.18);
  --ct-soft:rgba(255,138,138,0.09);
  --ct-line:rgba(255,138,138,0.24);
  --ct-sec:linear-gradient(180deg,rgba(255,138,138,0.045),transparent 62%);
  --ct-orn-c:#ff8a8a;
  --ct-orn-op:.060;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E %3Cg fill='%23000'%3E %3Cpath d='M42 26a24 24 0 1 0 0 48 18.5 18.5 0 1 1 0-48z'/%3E %3Cpath d='M84 40l4.4 13.4h14l-11.4 8.2 4.4 13.4L84 66.8 72.6 75l4.4-13.4L65.6 53.4h14z'/%3E %3C/g%3E %3Cg fill='%23000' opacity='.5'%3E %3Cpath d='M112 100a14 14 0 1 0 0 28 10.8 10.8 0 1 1 0-28z'/%3E %3Cpath d='M20 110l2.6 7.8h8.2l-6.6 4.8 2.5 7.8-6.7-4.8-6.7 4.8 2.5-7.8-6.6-4.8h8.2z'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:140px 140px;
}

/* ─── yilbasi ─── */
[data-cdtheme="yilbasi"]{
  --ct-1:#1e40af;
  --ct-2:#a1580b;
  --ct-3:#0f766e;
  --ct-4:#be123c;
  --ct-ink:#152e73;
  --ct-hero:linear-gradient(180deg,rgba(30,64,175,.12),transparent 60%),radial-gradient(ellipse 60% 70% at 50% 0%,rgba(212,162,76,.14),transparent 62%);
  --ct-glow:rgba(30,64,175,.20);
  --ct-soft:rgba(30,64,175,0.09);
  --ct-line:rgba(30,64,175,0.24);
  --ct-sec:linear-gradient(180deg,rgba(30,64,175,0.045),transparent 62%);
  --ct-orn-c:#1e40af;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'%3E %3Cg transform='translate(36 36)'%3E %3Cpath d='M0-18V18M-15.6-9L15.6 9M-15.6 9L15.6-9'/%3E %3Cpath d='M0-18l-4 5M0-18l4 5M0 18l-4-5M0 18l4-5'/%3E %3Cpath d='M-15.6-9l1.4 6.2M-15.6-9l6.2 1.4M15.6 9l-1.4-6.2M15.6 9l-6.2-1.4'/%3E %3Cpath d='M-15.6 9l6.2-1.4M-15.6 9l1.4-6.2M15.6-9l-6.2 1.4M15.6-9l-1.4 6.2'/%3E %3C/g%3E %3Cg transform='translate(104 104) scale(.72)'%3E %3Cpath d='M0-18V18M-15.6-9L15.6 9M-15.6 9L15.6-9'/%3E %3Cpath d='M0-18l-4 5M0-18l4 5M0 18l-4-5M0 18l4-5'/%3E %3C/g%3E %3C/g%3E %3Cg fill='%23000'%3E%3Ccircle cx='108' cy='30' r='2.2'/%3E%3Ccircle cx='24' cy='108' r='2.2'/%3E%3Ccircle cx='70' cy='70' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --ct-orn-size:140px 140px;
}
[data-theme=dark] [data-cdtheme="yilbasi"]{
  --ct-1:#93c5fd;
  --ct-2:#fcd34d;
  --ct-3:#5eead4;
  --ct-4:#fda4af;
  --ct-ink:#dbeafe;
  --ct-hero:linear-gradient(180deg,rgba(30,58,138,.35),transparent 62%),radial-gradient(ellipse 60% 70% at 50% 0%,rgba(252,211,77,.12),transparent 62%);
  --ct-glow:rgba(147,197,253,.20);
  --ct-soft:rgba(147,197,253,0.09);
  --ct-line:rgba(147,197,253,0.24);
  --ct-sec:linear-gradient(180deg,rgba(147,197,253,0.045),transparent 62%);
  --ct-orn-c:#93c5fd;
  --ct-orn-op:.065;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'%3E %3Cg transform='translate(36 36)'%3E %3Cpath d='M0-18V18M-15.6-9L15.6 9M-15.6 9L15.6-9'/%3E %3Cpath d='M0-18l-4 5M0-18l4 5M0 18l-4-5M0 18l4-5'/%3E %3Cpath d='M-15.6-9l1.4 6.2M-15.6-9l6.2 1.4M15.6 9l-1.4-6.2M15.6 9l-6.2-1.4'/%3E %3Cpath d='M-15.6 9l6.2-1.4M-15.6 9l1.4-6.2M15.6-9l-6.2 1.4M15.6-9l-1.4 6.2'/%3E %3C/g%3E %3Cg transform='translate(104 104) scale(.72)'%3E %3Cpath d='M0-18V18M-15.6-9L15.6 9M-15.6 9L15.6-9'/%3E %3Cpath d='M0-18l-4 5M0-18l4 5M0 18l-4-5M0 18l4-5'/%3E %3C/g%3E %3C/g%3E %3Cg fill='%23000'%3E%3Ccircle cx='108' cy='30' r='2.2'/%3E%3Ccircle cx='24' cy='108' r='2.2'/%3E%3Ccircle cx='70' cy='70' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --ct-orn-size:140px 140px;
}

/* ─── spor ─── */
[data-cdtheme="spor"]{
  --ct-1:#12722f;
  --ct-2:#b45309;
  --ct-3:#1d4ed8;
  --ct-4:#be123c;
  --ct-ink:#0f3d20;
  --ct-hero:linear-gradient(120deg,rgba(21,128,61,.13),transparent 52%),radial-gradient(ellipse 50% 80% at 88% 44%,rgba(180,83,9,.10),transparent 62%);
  --ct-glow:rgba(21,128,61,.19);
  --ct-soft:rgba(18,114,47,0.09);
  --ct-line:rgba(18,114,47,0.24);
  --ct-sec:linear-gradient(180deg,rgba(18,114,47,0.045),transparent 62%);
  --ct-orn-c:#15803d;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E %3Ccircle cx='60' cy='60' r='26'/%3E %3Cpath d='M0 60h34M86 60h34'/%3E %3Cpath d='M0 6h30v40H0M120 74H90v40h30'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='8' opacity='.16'%3E %3Cpath d='M-20 120L120-20M20 160L160 20'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}
[data-theme=dark] [data-cdtheme="spor"]{
  --ct-1:#4ade80;
  --ct-2:#fdba74;
  --ct-3:#93c5fd;
  --ct-4:#fda4af;
  --ct-ink:#dcfce7;
  --ct-hero:linear-gradient(120deg,rgba(74,222,128,.09),transparent 52%),radial-gradient(ellipse 55% 85% at 86% 42%,rgba(20,83,45,.30),transparent 64%);
  --ct-glow:rgba(74,222,128,.18);
  --ct-soft:rgba(74,222,128,0.09);
  --ct-line:rgba(74,222,128,0.24);
  --ct-sec:linear-gradient(180deg,rgba(74,222,128,0.045),transparent 62%);
  --ct-orn-c:#4ade80;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E %3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E %3Ccircle cx='60' cy='60' r='26'/%3E %3Cpath d='M0 60h34M86 60h34'/%3E %3Cpath d='M0 6h30v40H0M120 74H90v40h30'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='8' opacity='.16'%3E %3Cpath d='M-20 120L120-20M20 160L160 20'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:120px 120px;
}

/* ─── espor ─── */
[data-cdtheme="espor"]{
  --ct-1:#6d28d9;
  --ct-2:#0e7490;
  --ct-3:#be185d;
  --ct-4:#1d4ed8;
  --ct-ink:#4a1a94;
  --ct-hero:linear-gradient(120deg,rgba(109,40,217,.13),transparent 50%),radial-gradient(ellipse 50% 80% at 88% 44%,rgba(14,116,144,.12),transparent 62%);
  --ct-glow:rgba(109,40,217,.20);
  --ct-soft:rgba(109,40,217,0.09);
  --ct-line:rgba(109,40,217,0.24);
  --ct-sec:linear-gradient(180deg,rgba(109,40,217,0.045),transparent 62%);
  --ct-orn-c:#6d28d9;
  --ct-orn-op:.040;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E %3Cg fill='%23000'%3E %3Crect x='8' y='8' width='8' height='8'/%3E%3Crect x='24' y='16' width='8' height='8'/%3E %3Crect x='48' y='8' width='8' height='8'/%3E%3Crect x='64' y='24' width='8' height='8'/%3E %3Crect x='16' y='48' width='8' height='8'/%3E%3Crect x='40' y='56' width='8' height='8'/%3E %3Crect x='56' y='48' width='8' height='8'/%3E%3Crect x='32' y='32' width='8' height='8'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='1' opacity='.35'%3E%3Cpath d='M0 4h80M0 20h80M0 36h80M0 52h80M0 68h80'/%3E%3C/g%3E%3C/svg%3E");
  --ct-orn-size:80px 80px;
}
[data-theme=dark] [data-cdtheme="espor"]{
  --ct-1:#c084fc;
  --ct-2:#22d3ee;
  --ct-3:#f472b6;
  --ct-4:#93c5fd;
  --ct-ink:#f3e8ff;
  --ct-hero:linear-gradient(120deg,rgba(192,132,252,.10),transparent 50%),radial-gradient(ellipse 55% 85% at 86% 42%,rgba(14,116,144,.28),transparent 64%);
  --ct-glow:rgba(192,132,252,.20);
  --ct-soft:rgba(192,132,252,0.09);
  --ct-line:rgba(192,132,252,0.24);
  --ct-sec:linear-gradient(180deg,rgba(192,132,252,0.045),transparent 62%);
  --ct-orn-c:#c084fc;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E %3Cg fill='%23000'%3E %3Crect x='8' y='8' width='8' height='8'/%3E%3Crect x='24' y='16' width='8' height='8'/%3E %3Crect x='48' y='8' width='8' height='8'/%3E%3Crect x='64' y='24' width='8' height='8'/%3E %3Crect x='16' y='48' width='8' height='8'/%3E%3Crect x='40' y='56' width='8' height='8'/%3E %3Crect x='56' y='48' width='8' height='8'/%3E%3Crect x='32' y='32' width='8' height='8'/%3E %3C/g%3E %3Cg stroke='%23000' stroke-width='1' opacity='.35'%3E%3Cpath d='M0 4h80M0 20h80M0 36h80M0 52h80M0 68h80'/%3E%3C/g%3E%3C/svg%3E");
  --ct-orn-size:80px 80px;
}

/* ─── uzay ─── */
[data-cdtheme="uzay"]{
  --ct-1:#4c1d95;
  --ct-2:#0e7490;
  --ct-3:#b45309;
  --ct-4:#1e40af;
  --ct-ink:#341066;
  --ct-hero:linear-gradient(160deg,rgba(76,29,149,.13),transparent 55%),radial-gradient(ellipse 55% 85% at 84% 40%,rgba(14,116,144,.11),transparent 64%);
  --ct-glow:rgba(76,29,149,.20);
  --ct-soft:rgba(76,29,149,0.09);
  --ct-line:rgba(76,29,149,0.24);
  --ct-sec:linear-gradient(180deg,rgba(76,29,149,0.045),transparent 62%);
  --ct-orn-c:#4c1d95;
  --ct-orn-op:.050;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cg fill='%23000'%3E %3Ccircle cx='20' cy='24' r='1.6'/%3E%3Ccircle cx='66' cy='12' r='1.1'/%3E%3Ccircle cx='120' cy='30' r='1.8'/%3E %3Ccircle cx='150' cy='66' r='1.2'/%3E%3Ccircle cx='96' cy='78' r='1.5'/%3E%3Ccircle cx='36' cy='96' r='1.2'/%3E %3Ccircle cx='140' cy='126' r='1.6'/%3E%3Ccircle cx='72' cy='142' r='1.2'/%3E%3Ccircle cx='12' cy='132' r='1.5'/%3E %3Cpath d='M110 96l2.2 6.2 6.2 2.2-6.2 2.2-2.2 6.2-2.2-6.2-6.2-2.2 6.2-2.2z'/%3E %3Cpath d='M44 44l1.8 5 5 1.8-5 1.8-1.8 5-1.8-5-5-1.8 5-1.8z'/%3E %3C/g%3E %3Cg fill='none' stroke='%23000' stroke-width='1.1' opacity='.5'%3E %3Cellipse cx='80' cy='80' rx='58' ry='22' transform='rotate(-24 80 80)'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:160px 160px;
}
[data-theme=dark] [data-cdtheme="uzay"]{
  --ct-1:#c4b5fd;
  --ct-2:#67e8f9;
  --ct-3:#fbbf24;
  --ct-4:#93c5fd;
  --ct-ink:#ede9fe;
  --ct-hero:linear-gradient(160deg,rgba(76,29,149,.40),transparent 58%),radial-gradient(ellipse 55% 85% at 84% 38%,rgba(8,47,73,.45),transparent 64%);
  --ct-glow:rgba(196,181,253,.20);
  --ct-soft:rgba(196,181,253,0.09);
  --ct-line:rgba(196,181,253,0.24);
  --ct-sec:linear-gradient(180deg,rgba(196,181,253,0.045),transparent 62%);
  --ct-orn-c:#c4b5fd;
  --ct-orn-op:.080;
  --ct-orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cg fill='%23000'%3E %3Ccircle cx='20' cy='24' r='1.6'/%3E%3Ccircle cx='66' cy='12' r='1.1'/%3E%3Ccircle cx='120' cy='30' r='1.8'/%3E %3Ccircle cx='150' cy='66' r='1.2'/%3E%3Ccircle cx='96' cy='78' r='1.5'/%3E%3Ccircle cx='36' cy='96' r='1.2'/%3E %3Ccircle cx='140' cy='126' r='1.6'/%3E%3Ccircle cx='72' cy='142' r='1.2'/%3E%3Ccircle cx='12' cy='132' r='1.5'/%3E %3Cpath d='M110 96l2.2 6.2 6.2 2.2-6.2 2.2-2.2 6.2-2.2-6.2-6.2-2.2 6.2-2.2z'/%3E %3Cpath d='M44 44l1.8 5 5 1.8-5 1.8-1.8 5-1.8-5-5-1.8 5-1.8z'/%3E %3C/g%3E %3Cg fill='none' stroke='%23000' stroke-width='1.1' opacity='.5'%3E %3Cellipse cx='80' cy='80' rx='58' ry='22' transform='rotate(-24 80 80)'/%3E %3C/g%3E%3C/svg%3E");
  --ct-orn-size:160px 160px;
}

/* ══════════════════════════════════════════════════════════════
   ORTAK KURALLAR — yalnızca --ct-* tokenlarını tüketir.
   Yeni tema eklerken bu bölüme dokunmaya gerek yoktur.

   Tasarım notu: tema, sayfayı boyamaz — sadece imza atar.
   Rakamlar ve gövde metni her zaman nötr kalır (okunabilirlik),
   tema yalnız şu dört yerde görünür:
     1. hero'daki yumuşak renk yıkaması
     2. sayaç bölümünün üstündeki ince degrade çizgi
     3. ilerleme çubuğunun dolgusu
     4. rozet / etiket renkleri
   Süsleme desenleri bilinçli olarak çok düşük opaklıkta.
   ══════════════════════════════════════════════════════════════ */

/* Tema kapsamı içinde site vurgu rengi temaya devredilir.
   Header/footer kapsam dışıdır — marka kimliği korunur. */
[data-cdtheme]{
  --acc:var(--ct-1);
  --acc2:var(--ct-1);
  --acc-soft:var(--ct-soft);
  --acc-line:var(--ct-line);
  --glow:var(--ct-glow);
}

/* ─── Süsleme katmanı ───
   Tek renk SVG maske; renk --ct-orn-c'den gelir, böylece aynı desen
   açık ve koyu temada doğru kontrastta çıkar. */
.cd-orn{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-color:var(--ct-orn-c,transparent);
  opacity:var(--ct-orn-op,0);
  -webkit-mask-image:var(--ct-orn,none);
          mask-image:var(--ct-orn,none);
  -webkit-mask-size:var(--ct-orn-size,auto);
          mask-size:var(--ct-orn-size,auto);
  -webkit-mask-repeat:repeat;
          mask-repeat:repeat;
  -webkit-mask-position:center;
          mask-position:center;
}
/* Maske desteklenmiyorsa süsleme hiç çizilmesin (düz renk bloğu olmasın) */
@supports not ((-webkit-mask-image:url(#a)) or (mask-image:url(#a))){
  .cd-orn{display:none}
}

/* ─── Detay hero ─── */
[data-cdtheme] .det-hero{
  background-color:var(--bg);
  background-image:var(--ct-hero);
  position:relative;
  overflow:hidden;
}
[data-cdtheme] .det-gfx{display:none} /* tema kendi zeminini çiziyor */
[data-cdtheme] .det-in{position:relative;z-index:1}

/* Hero rozet şeridi */
.cd-ribbon{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 15px 7px 11px;
  border-radius:var(--pill);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ct-1);
  background:var(--ct-soft);
  border:1px solid var(--ct-line);
  margin-bottom:4px;
  line-height:1.5;
}
.cd-ribbon-ico{font-size:.95rem;line-height:1}

/* ─── Sayaç bölümü ─── */
[data-cdtheme] .tsec{position:relative;overflow:hidden}
/* Temanın imzası: üstte ince degrade çizgi */
[data-cdtheme] .tsec::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,var(--ct-1),var(--ct-2) 45%,var(--ct-3));
  z-index:2;
}
[data-cdtheme] .tsec{background-image:var(--ct-sec)}
/* Sayaç bölümündeki desen hero'dakinden daha soluk — rakamlar önde kalsın */
[data-cdtheme] .tsec .cd-orn{opacity:calc(var(--ct-orn-op,0) * .55)}
[data-cdtheme] .tsec-in{position:relative;z-index:1}
[data-cdtheme] .tsec-lbl{color:var(--ct-1)}

/* İlerleme çubuğu dolgusu — sayfa CSS'i zaten --ct-1/--ct-2 kullanıyor,
   burada yalnız iz rengi temaya bağlanıyor. */
[data-cdtheme] .cd-prog-track{background:var(--ct-line)}

/* Tamamlanmış etkinlik */
[data-cdtheme] .tsec-done{background-image:linear-gradient(180deg,var(--ct-glow),transparent 70%)}

/* ─── Tema notu (sayaç altı bilgi şeridi) ─── */
.cd-note{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 16px;
  margin:28px auto 0;
  max-width:640px;
  padding:12px 18px;
  border-radius:var(--r2);
  background:var(--ct-soft);
  border:1px solid var(--ct-line);
  font-size:.8rem;
  color:var(--text2);
  line-height:1.6;
}
.cd-note-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:34px;
  padding:5px 14px;
  border-radius:var(--pill);
  font-weight:500;
  font-size:.78rem;
  color:var(--ct-1);
  background:var(--card);
  border:1px solid var(--ct-line);
  white-space:nowrap;
  transition:border-color .16s;
}
.cd-note-link:hover{border-color:var(--ct-1)}

/* ─── İçerik kartları ─── */
[data-cdtheme] .cd-card-h{
  display:flex;
  align-items:center;
  gap:10px;
}
[data-cdtheme] .cd-card-h::before{
  content:'';
  width:3px;
  height:15px;
  border-radius:2px;
  background:var(--ct-1);
  flex-shrink:0;
}

/* Kenar çubuğu aktif öğesi */
[data-cdtheme] .cd-side-act{
  background:var(--ct-soft);
  border-color:var(--ct-line);
}
[data-cdtheme] .cd-side-arr{color:var(--ct-1)}

/* ══════════════════════════════════════════════════════════════
   LİSTE SAYFASI — her satır kendi temasını taşır
   ══════════════════════════════════════════════════════════════ */
.cd-list-row[data-cdtheme]{position:relative;overflow:hidden}
.cd-list-row[data-cdtheme] .cd-list-emoji{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--r);
  background:var(--ct-soft);
  border:1px solid var(--ct-line);
  font-size:1.4rem;
  flex-shrink:0;
}
.cd-list-row[data-cdtheme] .cd-list-countdown{color:var(--ct-1)}

/* Tema etiketi (liste satırında kategori yerine) */
.cd-list-theme{
  display:inline-block;
  border-radius:5px;
  padding:2px 8px;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ct-1);
  background:var(--ct-soft);
}

/* Öne çıkan kartlar */
.fc-card[data-cdtheme]{position:relative;overflow:hidden}
.fc-card[data-cdtheme]::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--ct-1),var(--ct-2));
}
.fc-card[data-cdtheme] .fc-days{color:var(--ct-1)}

/* Kenar çubuğu öğeleri kendi temalarının rengini taşır */
.cd-side-item[data-cdtheme]{position:relative}
.cd-side-item[data-cdtheme] .cd-side-ico{color:var(--ct-1)}

/* ─── Mobil ─── */
@media (max-width:600px){
  .cd-note{margin-top:22px;padding:11px 14px;font-size:.78rem}
  .cd-list-row[data-cdtheme] .cd-list-emoji{width:40px;height:40px;font-size:1.2rem}
}
