/* ============================================================
   TEMA KATMANI — tek kaynak: bu dosya + tools/gen_theme.py
   Çekirdek Webflow CSS'ine ASLA dokunma; bu dosya en son yüklenir
   ve aynı selector'larla onu ezer. Yeniden tema = aşağıdaki token
   bloğunu düzenle (veya gen_theme.py MAPPING'ini değiştirip üret).
   ============================================================ */

:root {
  --t-brand: #77b0ff; /* eski: #ffd177 */
  --t-brand-strong: #5199ff; /* eski: #ffc451 */
  --t-accent: #3388ff; /* eski: #ffe433 */
  --t-accent-0: #3388ff00; /* eski: #ffe43300 */
  --t-deep: #266ac9; /* eski: #c99226 */
  --t-vivid: #0046a8; /* eski: #a5a800 */
  --t-muted: #536885; /* eski: #856f53 */
  --t-dark: #37404c; /* eski: #4c4537 */
  --t-black: #101318; /* eski: #181610 */
  --t-grey: #2e3136; /* eski: #36332e */
}

/* --- Üretilmiş override'lar (gen_theme.py) ------------------- */
:root { --brand-yellow:var(--t-brand); --drak-grey:var(--t-grey); --off-black:var(--t-black); --off-yellow:var(--t-brand-strong); --goldenrod:var(--t-deep); --light-grey:var(--t-muted); --dark-khaki:var(--t-vivid); }
.top.about { background-image:linear-gradient(#dadada 41%,#dadada80 78%,var(--t-accent-0)); }
.list-work:hover { color:var(--t-brand); }
.list-about:hover { color:var(--t-brand); }
.intro-textwrapper { color:var(--t-accent); }
.hint-wrapper { border:1.5px solid var(--t-brand); }
.slide-dot:hover { border:1px solid var(--t-brand); }
.intro-more-icon { border:1.4px solid var(--t-accent); }
.project-title.project-black.noise { color:var(--t-accent); }
.project-text.noise h3,.project-text.noise a,.project-text.motion a { color:var(--t-accent); }
.project-text.awaken a { color:var(--t-accent); }
.project-section-intro-number.noise { color:var(--t-accent); }
.project-section-intro-text.noise { color:var(--t-accent); }
.project-section-intro-text-wrapper { background-color:var(--t-accent); }
.project-process-link:hover { color:var(--t-accent); }
.text-field { border:1px solid var(--t-accent); }
.odd-intro-title { color:var(--t-accent); }
.list-odd:hover { color:var(--t-accent); }
.popup-bg { background-color:var(--t-accent); }
.intro-link { border:1px solid var(--t-brand); }
.intro-link.inside { color:var(--t-brand); border-color:var(--t-brand); }
.intro-link-button-slider { background-color:var(--t-accent); }
.intro-link-button-slider.black { background-color:var(--t-brand); }
.intro-link-text { color:var(--t-brand); }
.c.g { color:var(--t-dark); }
.progress-bar { background-color:var(--t-dark); }
.divider-line { background-color:var(--t-dark); }
.social-icon.more { color:var(--t-dark); }
@media screen and (max-width:991px) { .top.about { background-image:linear-gradient(#dadada 22%,#dadadae6 58%,var(--t-accent-0)); } }
@media screen and (max-width:991px) { .intro-text-link { border-bottom:1px solid var(--t-accent); } }
@media screen and (max-width:991px) { .intro-more-icon.control { border-color:var(--t-brand); } }
@media screen and (max-width:991px) { .intro-more-icon.control.projects.page { border-color:var(--t-brand); } }
@media screen and (max-width:991px) { .slide-nav { color:var(--t-brand); } }
@media screen and (max-width:991px) { .icon { color:var(--t-accent); } }
@media screen and (max-width:991px) { .menu-about { border:2px solid var(--t-accent); } }
@media screen and (max-width:991px) { .menu-about.home { border-color:var(--t-brand); } }
@media screen and (max-width:991px) { .menu-odd { border:2px solid var(--t-brand); } }
@media screen and (max-width:767px) { .intro-more-icon.control.projects.page { border-color:var(--t-brand); } }
@media screen and (max-width:479px) { .left-arrow:active { border:1px solid var(--t-accent); } }
@media screen and (max-width:479px) { .left-arrow.projects:active { border-color:var(--t-brand); } }
@media screen and (max-width:479px) { .right-arrow:active { border:1px solid var(--t-accent); } }
@media screen and (max-width:479px) { .right-arrow.projects:active { border-color:var(--t-brand); } }
@media screen and (max-width:479px) { .project-section-intro-number.noise { color:var(--t-accent); } }
@media screen and (max-width:479px) { .project-control-arrow { color:var(--t-accent); } }
@media screen and (max-width:479px) { .menu-odd { border:2px solid var(--t-brand); } }

/* --- El yazımı ekler ------------------------------------------------- */
/* index.html'deki inline SVG fill'leri (play ikonları + spark). Presentation
   attribute CSS'ten zayıftır → HTML'e dokunmadan buradan boyanır. */
path[fill="#ffd177" i] { fill: var(--t-brand); }