/* ============================================================
   PicRun — "PLAYBLOCK" tasarım dili (web sürümü)
   Kaynak: Claude Design → game.css. Uygulamadaki src/theme ile aynı paleti kullanır.
   ⚠️ Renkleri değiştirirsen uygulamadaki theme.ts ile arayı aç.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap");

:root {
  /* ---------- Mod / marka renkleri ---------- */
  --coral:       #FF4D2E;   /* Speed Run — hız, aciliyet, kahraman renk */
  --coral-edge:  #C7300F;   /* mercanın altındaki 3B çıkıntı */
  --coral-soft:  #FFE7E0;

  --violet:      #7C4DFF;   /* Klasik */
  --violet-edge: #5426CC;
  --violet-soft: #ECE5FF;

  --teal:        #06C5B6;   /* Lokasyon */
  --teal-edge:   #068C82;
  --teal-soft:   #D6F7F3;

  --pink:        #FF3D81;   /* kutlama */
  --pink-edge:   #CC1F5D;
  --pink-soft:   #FFE1EC;

  --sun:         #FFC42E;   /* coin / ödül */
  --sun-edge:    #D69300;
  --sun-soft:    #FFF1CE;

  --grass:       #22C77E;   /* başarı */
  --grass-edge:  #159257;

  --sky:         #2FA8FF;
  --sky-edge:    #1670CC;

  /* ---------- Nötr mürekkep tonları ---------- */
  --ink-900: #14142A;
  --ink-800: #20203A;
  --ink-700: #2C2C4A;
  --ink-600: #43435F;
  --ink-500: #5A5A78;
  --ink-400: #7C7C98;
  --ink-300: #A6A6BE;
  --ink-200: #CDCDDC;
  --ink-100: #E6E6F0;
  --ink-50:  #F1F1F8;

  /* ---------- Açık tema ---------- */
  --bg-1:      #F4F1FB;
  --bg-2:      #FBF7F1;
  --surface:   #FFFFFF;
  --surface-2: #F1F1F8;
  --border:    #ECECF4;
  --card-shadow: 0 10px 24px rgba(20,20,42,.09), 0 3px 8px rgba(20,20,42,.05);

  /* ---------- Tipografi ---------- */
  --font-display: "Baloo 2", system-ui, sans-serif;
  --font-ui:      "Nunito", system-ui, -apple-system, sans-serif;

  /* ---------- Köşe yarıçapları ---------- */
  --r-sm: 14px; --r-md: 20px; --r-lg: 28px; --r-xl: 34px; --r-2xl: 42px;
  --r-full: 999px;

  /* ---------- 3B çıkıntı derinliği ---------- */
  --chunk: 6px;
}

* { box-sizing: border-box; }

/* ⚠️ Baloo 2 KURALI: satır yüksekliği font boyutunun en az 1.3 katı olmalı,
   yoksa yazının üstü kesilir. Bu ders uygulamada iki kez ödendi. */

@media (prefers-reduced-motion: no-preference) {
  .pulse-ring { animation: pulseRing 1.5s ease-in-out infinite; }
  @keyframes pulseRing {
    0%,100% { box-shadow: 0 0 0 0 rgba(255,77,46,.5); }
    50%     { box-shadow: 0 0 0 12px rgba(255,77,46,0); }
  }
}