/* SetR public site — paylaşılan temel.
   Tüm tanıtım/auth sayfaları bunu kullanır. Renkler token (CSS değişkeni);
   tema değişimi tek yerden. DC prototip 'style-hover' → buradaki :hover sınıfları. */

:root{
  /* zemin / kağıt */
  --ink:#151517;          /* sayfa arka planı */
  --paper:#F1EBDF;        /* en parlak başlık/metin */
  --text:#ECE6DA;         /* gövde metni */
  --card-a:#1f1e1d; --card-b:#1a1a1b;   /* kart gradyanı */
  /* amber aksan */
  --gold:#D1A75D; --gold-2:#E0BC79; --gold-deep:#B98D4E;
  --on-gold:#1A1408;      /* altın buton üzeri metin */
  /* indigo "AI/sistem" aksanı */
  --ai:#84A4D6; --ai-2:#A3BEE6;
  /* çizgi */
  --line:rgba(255,255,255,0.07);
  /* tipografi */
  --serif:'Fraunces',serif;
  --ui:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',monospace;
  /* içerik genişliği (sayfa override edebilir: --wrap) */
  --wrap:1200px;

  /* ── Semantik tema token'ları (workspace sayfaları BUNLARI kullanır → tema-hazır) ──
     Varsayılan = koyu. Açık tema html[data-theme="light"] ile override eder (aşağıda).
     Pazarlama/auth sayfaları inline-hex (koyu-sabit); theme.js YALNIZ workspace'te yüklenir. */
  --bg:#151517;            /* sayfa zemini */
  --bg-elev:#1a1a1b;       /* kart */
  --bg-elev2:#211f1e;      /* menü / modal */
  --text-strong:#F1EBDF;   /* başlık */
  --txt:#ECE6DA;           /* gövde */
  --muted:rgba(236,230,218,0.62);
  --faint:rgba(236,230,218,0.40);
  --hair:rgba(255,255,255,0.08);     /* çizgi */
  --hair-soft:rgba(255,255,255,0.05);
  --gold-deep2:#B8893E;
  /* DOLU altın buton fill'i — her iki temada marka altını (aksan-metni --gold'dan AYRI;
     açıkta --gold derinleşir ama dolu buton mat/hardal görünmesin diye sabit kalır) */
  --gold-btn:#D1A75D;
  --gold-btn-2:#E0BC79;
}

/* ── AÇIK TEMA — semantik token override (workspace) ─────────────────────────── */
html[data-theme="light"]{
  --bg:#F4F0E8;
  --bg-elev:#FFFFFF;
  --bg-elev2:#FBF8F2;
  --text-strong:#1A1714;
  --txt:#2C2822;
  --muted:rgba(44,40,34,0.66);
  --faint:rgba(44,40,34,0.42);
  --hair:rgba(0,0,0,0.09);
  --hair-soft:rgba(0,0,0,0.055);
  --gold:#B5852F; --gold-2:#9A6F28;  /* açıkta kontrast için daha derin altın */
  --ai:#3F63A0; --ai-2:#365486;
}
html[data-theme="light"] body{background:var(--bg)}

/* workspace temalı kök (pazarlama .setr-root koyu-sabit; bu var(--bg) ile temalı) */
.ws-root{min-height:100vh;background:var(--bg);color:var(--txt);font-family:var(--ui);display:flex;flex-direction:column;transition:background .25s ease,color .25s ease}
.ws-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid var(--hair);background:var(--bg);position:sticky;top:0;z-index:20}
.ws-card{background:var(--bg-elev);border:1px solid var(--hair);border-radius:16px;transition:border-color .2s}
/* tema toggle butonu (workspace header'ında) */
.theme-toggle{width:36px;height:36px;border-radius:9px;border:1px solid var(--hair);background:var(--bg-elev);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}
.theme-toggle:hover{border-color:var(--gold)}
.theme-toggle svg{width:17px;height:17px}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(209,167,93,0.28);color:#F4EFE5}
a{color:inherit;text-decoration:none}
@keyframes setrBlink{0%,100%{opacity:1}50%{opacity:.35}}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#2a2a2d;border-radius:6px}
::-webkit-scrollbar-track{background:var(--ink)}

/* kök sarmal + grain dokusu */
.setr-root{position:relative;min-height:100vh;background:radial-gradient(1200px 600px at 78% -8%, #1d1c1a 0%, #151517 56%);font-family:var(--ui);color:var(--text);overflow-x:hidden}
.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;mix-blend-mode:soft-light;opacity:0.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* hover etkileşimleri (DC 'style-hover' karşılığı) */
.nav-link{transition:color .2s}
.nav-link:hover{color:var(--text)}
.btn-gold{transition:background .2s,transform .2s}
.btn-gold:hover{background:var(--gold-2);transform:translateY(-1px)}
.btn-outline{transition:border-color .2s}
.btn-outline:hover{border-color:rgba(209,167,93,0.5)}
.feat-item{transition:background .15s}
.feat-item:hover{background:rgba(255,255,255,0.045)}
.gap-link{transition:gap .2s}
.gap-link:hover{gap:11px}
.chip-link{transition:background .2s,border-color .2s}
.chip-link:hover{background:rgba(209,167,93,0.16);border-color:rgba(209,167,93,0.45)}

/* "Özellikler" dropdown — saf CSS hover (DC sc-if/state karşılığı) */
.feat-wrap .feat-menu{opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.feat-wrap:hover .feat-menu{opacity:1;visibility:visible;transform:none}

/* scroll-reveal — saf CSS transition (anime.js GEREKMEZ; reveal.js .is-in ekler) */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-in{opacity:1;transform:none}

/* ── Auth sayfaları (başvur / giriş / bekleme) — ortak ───────────────────── */
.auth-grid{position:relative;min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-aside{position:relative;background:radial-gradient(800px 500px at 30% 10%, #201e1b 0%, #16151a 60%);border-right:1px solid var(--line);padding:56px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.auth-main{position:relative;display:flex;align-items:center;justify-content:center;padding:40px;min-height:100vh}
.f-label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(236,230,218,0.5);margin-bottom:9px}
.f-wrap{display:flex;align-items:center;border:1px solid rgba(255,255,255,0.12);border-radius:10px;background:rgba(255,255,255,0.02);transition:border-color .2s,box-shadow .2s}
.f-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(209,167,93,0.12)}
.f-wrap.err{border-color:rgba(199,90,62,0.6)}
.f-input{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;letter-spacing:.01em;padding:13px 14px;font-family:inherit}
textarea.f-input{resize:vertical;min-height:62px;line-height:1.5}
select.f-input{appearance:none;-webkit-appearance:none;cursor:pointer}
select.f-input option{background:#1b1a19;color:var(--text)}
.f-err{margin-top:7px;font-size:12.5px;color:#D9805E;display:none;align-items:center;gap:6px}
.f-err.show{display:flex}
.pw-toggle{background:none;border:none;cursor:pointer;padding:8px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:rgba(236,230,218,0.5);text-transform:uppercase;transition:color .2s}
.pw-toggle:hover{color:var(--gold)}
.kvkk{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12.5px;line-height:1.5;color:rgba(236,230,218,0.66)}
.kvkk input{margin-top:2px;width:16px;height:16px;accent-color:var(--gold);flex:none;cursor:pointer}
.seg-row{display:flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,0.1);border-radius:11px;background:rgba(255,255,255,0.02)}
.seg{flex:1;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:rgba(236,230,218,0.6);font-family:var(--ui);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}
.seg.active{background:rgba(209,167,93,0.14);color:var(--gold-2);box-shadow:inset 0 0 0 1px rgba(209,167,93,0.3)}
.submit-btn{margin-top:6px;height:48px;border:none;border-radius:10px;background:var(--gold);color:var(--on-gold);font-family:var(--ui);font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:10px}
.submit-btn:hover{transform:translateY(-1px)}
.submit-btn[disabled]{background:#B98D4E;cursor:default;transform:none}
/* İkincil "Google ile giriş" — birincil altın submit-btn ile AYNI geometri (height/radius);
   input alanlarıyla aynı sakin ghost/outline (koyu zemin + ince kenarlık); hover = input-focus.
   Marka: renkli Google G logosu değişmez. */
.submit-btn.btn-google{width:100%;background:rgba(255,255,255,0.02);color:var(--txt);border:1px solid rgba(255,255,255,0.12);font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}
.submit-btn.btn-google:hover{transform:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(209,167,93,0.12);background:rgba(255,255,255,0.045)}
input:-webkit-autofill{-webkit-text-fill-color:#ECE6DA;transition:background-color 9999s ease-in-out 0s}
@keyframes setrSpin{to{transform:rotate(360deg)}}
.spin{width:15px;height:15px;border:2px solid rgba(26,20,8,0.35);border-top-color:#1A1408;border-radius:50%;animation:setrSpin .7s linear infinite}
.note-box{padding:11px 14px;border-radius:9px;font-size:13px;line-height:1.45;display:flex;align-items:flex-start;gap:9px}
.note-err{background:rgba(199,90,62,0.10);border:1px solid rgba(199,90,62,0.30);color:#E2A487}
.note-ok{background:rgba(209,167,93,0.1);border:1px solid rgba(209,167,93,0.3);color:#E0BC79}
@media (max-width:900px){ .auth-grid{grid-template-columns:1fr} .auth-aside{display:none} }