/* =========================================================================
   TEVORIA — Tasarım Token Sistemi
   CANLI / OYUNCU palet — logodaki bubbly renklerden (magenta, turuncu, mor,
   cyan, kırmızı, yeşil, royal mavi). Temiz + bol beyaz alan korunur.
   ========================================================================= */

:root {
	/* — Yüzeyler / arka plan — */
	--tv-bg:        #ffffff;
	--tv-bg-soft:   #fdf9fb;   /* çok hafif pembe-beyaz */
	--tv-bg-mute:   #f5f1f6;
	--tv-bg-cream:  #fff7ee;   /* sıcak açık krem-şeftali */
	--tv-bg-warm:   #fbf6f1;   /* footer / sıcak açık zemin */
	--tv-bg-warm-2: #f5ece0;   /* biraz daha derin krem (alt bar) */
	--tv-warm-line: #ece0d0;   /* sıcak açık kenarlık */
	--tv-bg-navy:   #2a2358;   /* (eski koyu bölüm — artık kullanılmıyor, geriye dönük) */

	/* — CANLI marka renkleri (logo) — */
	--tv-c-pink:    #e5197d;   /* magenta-pembe (PRIMARY accent) */
	--tv-c-pink-d:  #c5156b;
	--tv-c-orange:  #f5901e;
	--tv-c-purple:  #6b2fb3;
	--tv-c-blue:    #1b8fd1;   /* cyan-mavi */
	--tv-c-royal:   #2e4fa3;
	--tv-c-red:     #e6362e;
	--tv-c-green:   #6db33f;

	/* — Accent (eski "gold" isimleri → artık magenta-pembe; geriye dönük) — */
	--tv-gold:      var(--tv-c-pink);
	--tv-gold-2:    var(--tv-c-pink-d);
	--tv-gold-soft: #f7b8d4;
	--tv-gold-tint: #fdeaf3;
	--tv-gold-tint2:#fff2e0;
	--tv-border-gold: rgba(229,25,125,.28);

	/* — Pastel tint'ler (bölüm arkaplan / ikon) — */
	--tv-pink:      #f9bcd6;
	--tv-pink-2:    #f48fbc;
	--tv-pink-tint: #fdeaf3;
	--tv-blue:      #bfe3f7;
	--tv-blue-2:    #7fc4e8;
	--tv-blue-tint: #e7f4fc;
	--tv-yellow-tint:#fff4e0;
	--tv-mint-tint: #edf7e8;
	--tv-lav-tint:  #f1eafa;

	/* — Koyu (grounding) — eski "navy" isimleri = derin indigo — */
	--tv-navy:      #2a2358;
	--tv-navy-2:    #37306e;
	--tv-navy-3:    #4a4192;

	/* — Metin — */
	--tv-ink:       #241f42;
	--tv-text:      #2f2a4a;
	--tv-text-2:    #5b5570;
	--tv-text-3:    #8f8aa1;
	--tv-on-dark:   #f4f2fb;
	--tv-on-dark-2: #c3bee0;

	/* — Çizgi / kenarlık — */
	--tv-border:    #efe9ee;
	--tv-border-2:  #e7dfe6;

	--tv-success:   #1f9d55;
	--tv-accent:    var(--tv-c-pink);

	/* — Gradientler — */
	--tv-grad-gold: linear-gradient(95deg, #e5197d, #f5901e);          /* pembe→turuncu (sıcak CTA) */
	--tv-grad-rainbow: linear-gradient(92deg, #e5197d 0%, #6b2fb3 48%, #1b8fd1 100%); /* em vurgu */
	--tv-grad-navy: linear-gradient(180deg, #37306e, #2a2358);

	/* — Tipografi — */
	--tv-font-display: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
	--tv-font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
	--tv-font-script:  "Hanken Grotesk", system-ui, sans-serif;

	/* — Spacing / layout — */
	--tv-container: 1240px;
	--tv-gutter:    24px;
	--tv-section-y: 112px;

	/* — Köşe yarıçapı (biraz daha yuvarlak = oyuncu) — */
	--tv-radius:    14px;
	--tv-radius-lg: 20px;
	--tv-radius-xl: 28px;
	--tv-radius-pill: 999px;

	/* — Gölge — */
	--tv-shadow-1: 0 1px 2px rgba(42,35,88,.04), 0 3px 10px rgba(42,35,88,.05);
	--tv-shadow-2: 0 8px 26px rgba(42,35,88,.09);
	--tv-shadow-3: 0 18px 48px rgba(42,35,88,.13);
	--tv-shadow-gold: 0 10px 26px rgba(229,25,125,.30);

	/* — Geçiş — */
	--tv-ease: cubic-bezier(.22,.61,.36,1);
	--tv-dur:  .4s;
}

@media (max-width: 980px) {
	:root { --tv-section-y: 80px; }
}
@media (max-width: 600px) {
	:root { --tv-section-y: 60px; --tv-gutter: 18px; }
}