/* Kayıp Dostlar web v2 - tasarım belirteçleri (renkler, yuvarlaklıklar, yazı tipi uygulamayla aynı: Theme.swift, HomeStyle.swift).
   Açık tema :root, koyu tema prefers-color-scheme ve [data-theme="dark"] altında yeniden tanımlanır.
   [data-theme="light"] elle açık seçimdir ve sistem koyuysa da açık kalır. */
:root {
  --brand: #F28C28;
  --brand-ink: #A85A05;            /* açık zeminde küçük turuncu metin (AA) */
  --on-brand: #1B1206;             /* turuncu dolgu üstündeki metin */
  --night-top: #1B4B58;
  --night-bottom: #10303A;
  --cream: #FFF1DC;

  --bg: #F2F2F7;
  --bg-glow: rgba(242,140,40,.14);
  --surface: #FFFFFF;
  --surface-border: rgba(0,0,0,.04);
  --surface-shadow: 0 3px 8px rgba(0,0,0,.06);
  --card-shadow: 0 4px 10px rgba(0,0,0,.12);
  --text: #000000;
  --text-2: rgba(60,60,67,.6);
  --text-2-ink: #5b5b61;           /* küçük ikincil metin için daha okunur ton */
  --hairline: rgba(60,60,67,.18);
  --field-bg: rgba(120,120,128,.12);
  --sheet-bg: #FFFFFF;
  --backdrop: rgba(0,0,0,.4);
  --glass: rgba(255,255,255,.72);
  --glass-border: rgba(0,0,0,.06);

  /* ilan türleri (web-AA tonlar: beyaz metin üstünde okunur) */
  --lost: #C9302C;
  --found: #1E8E3E;
  --adoption: #0A6FE0;
  --seen: #8E3FC4;
  --all: var(--brand);

  --st-pending: #FFCC00;
  --st-active: #1E8E3E;
  --st-resolved: #0A6FE0;
  --st-passive: #8E8E93;
  --st-rejected: #C9302C;
  --warn: #FF9500;
  --danger: #FF3B30;
  --err-ink: #C4231B;              /* hata metni (AA, açık zeminde) */
  --ok-ink: #1B7A36;

  --r-card: 24px;
  --r-surface: 22px;
  --r-chip: 18px;
  --r-pill: 20px;
  --r-search: 26px;
  --r-btn: 16px;
  --r-box: 20px;
  --h-search: 52px;
  --h-pill: 40px;
  --gutter: 16px;                  /* sayfa kenar boşluğu (layout.css'te büyük ekranda artar) */
  --header-h: 60px;                /* üst menü yüksekliği (>=900px: 68px) */
  --site-max: 1264px;              /* ilan detayı, formlar, hesap sayfaları (kenar boşlukları dahil, içerik ~1200px) */
  --site-max-wide: 1440px;         /* ilan listesi, üst menü, altbilgi */
  --narrow: 760px;                 /* bildirimler, ilanlarım, profil */
  /* yazı tipi: iOS'ta SF Pro Rounded. Yeni Safari'de ui-rounded, diğerlerinde Nunito (Google Fonts), olmazsa sistem yazısı */
  --font: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-appname: 26px;
  --fs-title3: 20px;
  --fs-headline: 17px;
  --fs-body: 16px;
  --fs-sub: 15px;
  --fs-foot: 13px;
  --fs-cap: 12px;
  --fs-cap2: 11px;


  --ease: cubic-bezier(.2,.8,.2,1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B0B0D;
    --bg-glow: rgba(242,140,40,.20);
    --surface: rgba(255,255,255,.07);
    --surface-border: rgba(255,255,255,.09);
    --surface-shadow: none;
    --card-shadow: 0 4px 10px rgba(0,0,0,.5);
    --text: #FFFFFF;
    --text-2: rgba(235,235,245,.6);
    --text-2-ink: rgba(235,235,245,.68);
    --hairline: rgba(84,84,88,.6);
    --field-bg: rgba(118,118,128,.24);
    --sheet-bg: #1C1C1E;
    --backdrop: rgba(0,0,0,.6);
    --glass: rgba(28,28,30,.6);
    --glass-border: rgba(255,255,255,.1);
    --brand-ink: #F5A04A;
    --warn: #FF9F0A;
    --danger: #FF453A;
    --err-ink: #FF8A80;
    --ok-ink: #5AD17A;
  }
}

:root[data-theme="dark"] {
  --bg: #0B0B0D;
  --bg-glow: rgba(242,140,40,.20);
  --surface: rgba(255,255,255,.07);
  --surface-border: rgba(255,255,255,.09);
  --surface-shadow: none;
  --card-shadow: 0 4px 10px rgba(0,0,0,.5);
  --text: #FFFFFF;
  --text-2: rgba(235,235,245,.6);
  --text-2-ink: rgba(235,235,245,.68);
  --hairline: rgba(84,84,88,.6);
  --field-bg: rgba(118,118,128,.24);
  --sheet-bg: #1C1C1E;
  --backdrop: rgba(0,0,0,.6);
  --glass: rgba(28,28,30,.6);
  --glass-border: rgba(255,255,255,.1);
  --brand-ink: #F5A04A;
  --warn: #FF9F0A;
  --danger: #FF453A;
  --err-ink: #FF8A80;
  --ok-ink: #5AD17A;
}