/*
 * Tanitim sitesinin tasarim belirtecleri.
 *
 * Bu dosya public/ altinda ve <link> ile yukleniyor, src/ altinda DEGIL:
 * ayni belirtecleri statik yasal sayfalar (public/legal/*.html) da kullaniyor
 * ve onlar Vite paketine erisemiyor. Tek kaynak olmasi icin burada duruyor.
 *
 * Kaynak: Figma "Web - Hub" sayfasi (dosya hLYilCW8YYNlAC7k0dh2Ki, node 109:518).
 *
 * DIKKAT — bu belirtecler UYGULAMANIN temasindan (sharedUI/core/theme/AppTheme.kt)
 * BILEREK FARKLI. Tasarimda web'in kendi dili var:
 *
 *            uygulama (AppTheme.kt)      tanitim sitesi (Figma web)
 *   zemin    #0d0e13                    #08080f + lacivert gradyan
 *   birincil #4583F6                    #2563eb
 *   kart     #262626                    rgba(19,19,54,0.5)
 *   font     Nunito                     Outfit (baslik) + Inter (govde)
 *   vurgu    yok                        #f59e0b (amber "eyebrow")
 *
 * Bu ayrim tasarimin kararidir, kopyalama hatasi DEGIL. Ilk kurulumda tema
 * uygulamadan turetilmisti; Figma tasarimi geldiginde onun yerini aldi.
 * Uygulamayla birebir ayni gorunmesi istenirse degistirilmesi gereken yer
 * Figma dosyasi, burasi degil.
 */

:root {
  /* ── Zemin ve yuzeyler ───────────────────────────────────────────────── */
  --bg: #08080f;
  /* hero ve download bolumlerindeki dikey gradyanin ara ve bitis duraklari */
  --bg-grad-mid: #0b0b20;
  --bg-grad-end: #0e0d2e;
  /* final-cta daha soluk bir gradyanla basliyor */
  --bg-grad-soft: #0a0a1a;
  /* Kart zemini YARI SAYDAM: altindaki gradyan kartin icinden gecmeli. */
  --surface: rgba(19, 19, 54, 0.5);

  /* ── Cizgiler ────────────────────────────────────────────────────────── */
  /* bolum ayirici (header/footer kenarligi) — neredeyse gorunmez */
  --border: #14142a;
  /* kart ve ikincil buton kenarligi */
  --border-card: #1e1e4a;
  /* cihaz cercevesi; kartlardan bir tik daha mavi */
  --border-frame: #1e284a;

  /* ── Renkler ─────────────────────────────────────────────────────────── */
  --primary: #2563eb;
  --on-primary: #ffffff;
  /* Bolum ustu kucuk kapital baslik ("SIMPLE BY DESIGN"). Yalnizca 14px kalin
     metinde kullaniliyor; zemin olarak KULLANILMAMALI, kontrasti yetmez. */
  --accent: #f59e0b;
  --text: #ffffff;
  --muted: #8e8ea8;

  /* ikon kutusu: kartlarda saydam mavi, download kartlarinda dolu */
  --icon-bg: rgba(59, 130, 246, 0.2);
  --icon-bg-solid: #1e1e4a;

  /* ── Kose yaricaplari ────────────────────────────────────────────────── */
  --radius-sm: 8px;
  --radius: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  /* telefon cercevesi */
  --radius-device: 36px;

  /* ── Golgeler ────────────────────────────────────────────────────────── */
  --shadow-card: 0 8px 16px rgba(0, 0, 0, 0.2);
  --shadow-device: 0 24px 60px rgba(37, 99, 235, 0.27);
  --shadow-device-sm: 0 16px 40px rgba(37, 99, 235, 0.2);

  /* ── Tipografi ───────────────────────────────────────────────────────── */
  /* Outfit yalnizca basliklarda (700/800/900), Inter govdede (400/600/700).
     Ikisi de bkz. theme/fonts.css — kendi sunucumuzdan servis ediliyor. */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-hero: 64px;
  --text-h1: 56px;
  --text-h2: 44px;
  --text-h3: 40px;
  --text-h4: 36px;
  --text-card: 22px;
  --text-lead: 20px;
  --text-lead-sm: 18px;
  --text-body: 16px;
  --text-sm: 15px;
  --text-xs: 14px;
  --text-2xs: 13px;
  --text-3xs: 12px;

  /* ── Duzen ───────────────────────────────────────────────────────────── */
  /* Tasarim 1440px genislikte cizildi; icerik bu genislikte ortalanip
     kenarlarda 80px bosluk birakiyor. */
  --page-max: 1440px;
  --page-pad: 80px;
}