/*
 * Tanitim sitesinin tasarim belirtecleri.
 *
 * Bu dosya public/ altinda ve <link> ile yukleniyor, src/ altinda DEGIL: ayni
 * belirtecleri index.html'in ilk cizim oncesi zemin rengi de kullaniyor ve
 * ileride statik bir sayfa eklenirse (ornegin Vite paketine giremeyen bir
 * yasal metin) tek kaynak burada kalsin.
 *
 * Yapinin kaynagi Fyrbolt'un webHub'i (app/webHub/public/theme.css) — olcek,
 * yaricap ve tipografi ondan birebir alindi. AYRISAN TEK SEY RENK:
 *
 *            Fyrbolt hub          Shoopist hub
 *   birincil #2563eb (mavi)      #2FBF4E (marka yesili)
 *   zemin    #08080f + lacivert  #070c09 + yesil gradyan
 *   kart     rgba(19,19,54,.5)   rgba(18,42,28,.5)
 *
 * ── Yesil nereden geliyor ────────────────────────────────────────────────
 * --primary ve --on-primary UYDURULMADI; uygulamanin temasindaki degerlerin
 * ayni ikilisi:
 *   app/sharedUI/.../core/theme/AppTheme.kt -> primaryColor  = 0xFF2FBF4E
 *                                              onPrimaryColor = 0xFF1C1B1F
 * Ayni renk ucuncu bir yerde daha var: initKoin.kt'deki PortalConfig.brandColor.
 * Ucu ayrisirsa portal kartindaki, uygulamadaki ve sitedeki yesil birbirini
 * tutmaz. Marka rengi degisirse UC YERI BIRDEN degistir.
 *
 * --on-primary'nin beyaz OLMAMASI da oradan devralindi: bu yesilin uzerinde
 * beyaz yazi yeterli kontrast vermiyor, koyu (#1C1B1F) veriyor. Dolu yesil
 * butonlarin yazisi bu yuzden koyu.
 *
 * ── Tipografi neden uygulamayla ayni degil ───────────────────────────────
 * Uygulama Nunito kullaniyor (Typography.kt), site Outfit + Inter. Bu, Fyrbolt
 * hub'indan gelen bilincli bir ayrim: tanitim sitesinin kendi dili var ve
 * baslik fontunun agirligi (900'e kadar) Nunito'da yok. Uygulamayla birebir
 * ayni gorunmesi istenirse degismesi gereken yer --font-display / --font-body
 * ve public/fonts/ altindaki dosyalar.
 */

:root {
  /* ── Zemin ve yuzeyler ───────────────────────────────────────────────── */
  /* Neredeyse siyah ama notr degil: icinde yesil var, gradyanin baslangici
     bu yuzden kesintisiz gorunuyor. */
  --bg: #070c09;
  /* hero ve download bolumlerindeki dikey gradyanin ara ve bitis duraklari */
  --bg-grad-mid: #0a1410;
  --bg-grad-end: #0c1e15;
  /* final-cta daha soluk bir gradyanla basliyor */
  --bg-grad-soft: #091210;
  /* Kart zemini YARI SAYDAM: altindaki gradyan kartin icinden gecmeli. */
  --surface: rgba(18, 42, 28, 0.5);
  /* Ayni yuzeyin DOLU karsiligi. Saydamlik kullanilamayan tek yer acilir
     liste secenekleri: <option> kendi penceresinde ciziliyor, altinda sayfa
     yok, saydam verilirse isletim sisteminin beyaz zemini gorunur. */
  --surface-solid: #12241a;

  /* ── Cizgiler ────────────────────────────────────────────────────────── */
  /* bolum ayirici (header/footer kenarligi) — neredeyse gorunmez */
  --border: #132a1d;
  /* kart ve ikincil buton kenarligi */
  --border-card: #1d4a30;
  /* cihaz cercevesi; kartlardan bir tik daha canli */
  --border-frame: #235a3a;

  /* ── Renkler ─────────────────────────────────────────────────────────── */
  /* Marka yesili. AppTheme.kt ve PortalConfig.brandColor ile AYNI olmali. */
  --primary: #2fbf4e;
  /* Yesil zemin uzerindeki yazi. Beyaz DEGIL — bkz. dosya basligi. */
  --on-primary: #1c1b1f;
  /* Bolum ustu kucuk kapital baslik ("SIMPLE BY DESIGN"). Yalnizca 14px kalin
     metinde kullaniliyor; zemin olarak KULLANILMAMALI, kontrasti yetmez.
     Amber, yesille de calisiyor ve birincil renkten ayrisiyor — vurgunun
     buton yesiliyle karismamasi icin bilerek baska bir aile. */
  --accent: #f5a524;
  --text: #ffffff;
  /* Notr gri degil, icinde yesil olan gri: yesil zeminde notr gri morumsu
     duruyor. */
  --muted: #93a89a;

  /* ikon kutusu: kartlarda saydam yesil, download kartlarinda dolu */
  --icon-bg: rgba(47, 191, 78, 0.18);
  --icon-bg-solid: #17331f;

  /* ── Kose yaricaplari ────────────────────────────────────────────────── */
  --radius-sm: 8px;
  --radius: 10px;
  /* 12px: uygulamanin ThemeExtension.roundedSize degeriyle ayni. */
  --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(47, 191, 78, 0.25);
  --shadow-device-sm: 0 16px 40px rgba(47, 191, 78, 0.18);

  /* ── Tipografi ───────────────────────────────────────────────────────── */
  /* Outfit yalnizca basliklarda (700/800/900), Inter govdede (400/600/700).
     Ikisi de bkz. 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;
}