/* TEHAI Design Tokens */
:root {
  /* Arka plan katmanları */
  --bg:  #07090c;
  --s1:  #0d1117;
  --s2:  #141b24;
  --s3:  #1b2433;
  --s4:  #22303f;

  /* Kenarlık */
  --border:   rgba(255,255,255,0.09);
  --border-a: rgba(99,179,237,0.44);

  /* Metin */
  --text:  #eef3f8;
  --muted: #8392a3;

  /* Aksanlar */
  --accent:  #63b3ed;
  --accent2: #2b6cb0;
  --gold:    #f6c90e;
  --gold2:   #e0a800;

  /* Durum */
  --green: #3ddc84;
  --red:   #fc5c5c;
  --amber: #ed8936;

  /* Tipografi */
  --font:      Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Menlo, monospace;

  /* Radii */
  --r:    14px;
  --r-sm: 9px;

  /* Animasyon */
  --ease:        cubic-bezier(.4,0,.2,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur-fast:    120ms;
  --dur-mid:     220ms;
  --dur-slow:    380ms;

  /* WhatsApp */
  --admin-wa: '905367807059';
}

/* ── Okunabilirlik düzeltmeleri ── */
body {
  letter-spacing: .005em;
  text-rendering: optimizeLegibility;
}

#stepTitle {
  visibility: visible !important;
}

.heading,
h1 {
  color: var(--text);
  font-weight: 780;
}

.card-title,
.choice strong {
  color: var(--text);
  font-weight: 760;
}

.card-desc,
.choice span:last-child,
.sub,
.step-meta,
.step-lbl {
  color: var(--muted) !important;
}

/* ── Global animasyon keyframes ── */
@keyframes tehai-rise {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes tehai-slide-in {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes tehai-slide-out {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(-24px); }
}

@keyframes tehai-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes tehai-pulse-ring {
  0%   { transform: scale(1);    opacity: .6; }
  100% { transform: scale(1.6);  opacity: 0; }
}

@keyframes tehai-checkmark {
  0%   { stroke-dashoffset: 48; }
  100% { stroke-dashoffset: 0; }
}

@keyframes tehai-spin {
  to { transform: rotate(360deg); }
}

@keyframes tehai-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position:  200% 0; }
}

/* ── Skeleton loading ── */
.skeleton {
  background: linear-gradient(90deg, var(--s2) 25%, var(--s3) 50%, var(--s2) 75%);
  background-size: 200% 100%;
  animation: tehai-shimmer 1.4s var(--ease) infinite;
  border-radius: var(--r-sm);
}

/* ── Spinner ── */
.tehai-spinner {
  width: 24px; height: 24px;
  border: 2.5px solid rgba(99,179,237,0.2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: tehai-spin .8s linear infinite;
  flex-shrink: 0;
}

/* ── Pressed feedback ── */
button:active, [role="button"]:active {
  transform: scale(0.97);
  transition: transform var(--dur-fast) var(--ease) !important;
}

/* ── Screen geçiş sınıfı ── */
.screen-enter {
  animation: tehai-slide-in var(--dur-mid) var(--ease) forwards;
}
.screen-exit {
  animation: tehai-slide-out var(--dur-mid) var(--ease) forwards;
}

/* ── Sayfa geçişleri: View Transitions API (native-app hissi) ──
   Cross-document geçiş; desteklemeyen tarayıcıda sessizce normal gezinme.
   Tüm sayfalar tokens.css linklediği için karşılıklı opt-in sağlanır. */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: var(--dur-mid, 220ms);
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}