/* ============================================================================
   Taris Portal — Tasarim Belirtecleri (Design Tokens)
   Onaylanan tema: "Kooperatif Panosu" (Yon B)
   ----------------------------------------------------------------------------
   BU DOSYA TEK KAYNAKTIR. Hicbir view, component veya stil dosyasinda
   sabit renk / yazi tipi / olcu yazilmaz — daima buradaki degiskenler kullanilir.
   Yeni bir renk gerekiyorsa once burada tanimlanir, sonra kullanilir.
   ========================================================================== */

/* --- Yazi tipleri ------------------------------------------------------- */
/* Google Fonts: Barlow Condensed (500,600,700) + Barlow (400,500,600,700)
   Self-host edilecek: wwwroot/fonts/ altina alinir, @font-face ile tanimlanir.
   Uretimde disaridan font cekilmez (CSP ve gizlilik). */

:root{
  --font-display: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Barlow", "Helvetica Neue", Arial, sans-serif;
  --font-doc:     Georgia, "Times New Roman", serif; /* yalnizca evrak/yazi onizleme */

  /* Tip olcegi */
  --fs-display: clamp(40px, 6.4vw, 78px);
  --fs-h1:      clamp(24px, 2.6vw, 32px);
  --fs-h2:      clamp(20px, 2.2vw, 27px);
  --fs-h3:      19px;
  --fs-body:    15px;
  --fs-sm:      13.5px;
  --fs-xs:      12.5px;
  --fs-label:   10.5px;   /* buyuk harf, harf araligi genis */

  --lh-tight: 1.12;
  --lh-body:  1.55;
  --ls-label: .11em;
  --ls-display: .005em;

  /* --- Koyu yuzeyler (ust cubuk, kenar cubugu, hero, footer) ------------ */
  --ink-900:#0D1211;   /* en koyu zemin */
  --ink-800:#141A18;   /* ikincil koyu zemin */
  --ink-700:#1A211F;   /* koyu kart */
  --ink-600:#222B28;   /* koyu yuzey vurgusu */
  --ink-500:#2B3532;   /* koyu kenarlik */
  --on-ink-900:#F3F6F4; /* koyu zemin uzerinde baslik */
  --on-ink-700:#B0BBB6; /* koyu zemin uzerinde govde */
  --on-ink-500:#7B8783; /* koyu zemin uzerinde ikincil */

  /* --- Acik yuzeyler (icerik alani) ------------------------------------- */
  --paper-000:#FFFFFF;  /* kart */
  --paper-050:#F3F5F3;  /* sayfa zemini */
  --paper-100:#EAEEEC;  /* vurgulu satir / bos alan */
  --line-200:#DEE2E0;   /* normal kenarlik */
  --line-300:#C6CDCA;   /* belirgin kenarlik */
  --text-900:#111815;   /* baslik */
  --text-700:#414A47;   /* govde */
  --text-500:#6C7773;   /* ikincil / yardimci */

  /* --- Vurgu rengi — YALNIZCA birincil eylemler -------------------------- */
  --accent-500:#E3A63F;
  --accent-600:#A97717;
  --accent-400:#EFB759;
  --accent-050:#FBF1DE;
  --on-accent:#1A1206;

  /* --- Durum renkleri — vurgu renginden AYRIDIR -------------------------- */
  --ok-600:#2E8A63;      --ok-050:#E2F1EA;
  /* Koyu zemin uzerinde okunabilen acik yesil. --ok-600 koyu zeminde yeterli
     kontrast vermiyor; "sistem acik" gostergesi ve koyu bolumlerdeki olumlu
     durum bunu kullanir. */
  --ok-300:#79B79A;
  --warn-600:#9A6B12;    --warn-050:#FAF0DB;
  --danger-600:#BE3A2B;  --danger-050:#FBE7E4;
  --info-600:#2E6D96;    --info-050:#E4EEF4;

  /* --- Olcu ------------------------------------------------------------- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:22px; --sp-6:30px; --sp-7:44px; --sp-8:64px;

  --radius:3px;
  --radius-pill:20px;
  --border:1px solid var(--line-200);
  --border-strong:1px solid var(--line-300);
  --shadow-1:0 1px 2px rgba(17,24,21,.05), 0 6px 18px -10px rgba(17,24,21,.18);

  --tap-min:44px;        /* mobil dokunma hedefi alt siniri */
  --portre:120px;        /* kisi fotografi onizlemesi (yonetim paneli) */
  --kart-min:240px;      /* kart izgarasinda bir kartin en dar hali (pano) */
  --measure:70ch;        /* okunabilir satir genisligi */
  --container:1240px;
}

/* Bu tema tek gorunume baglidir (acik icerik + koyu cerceve).
   Isletim sistemi koyu modunda ayri bir palet YOKTUR — zemin ve metin
   her zaman acikca boyanir, host temasindan miras alinmaz. */
html, body{ background: var(--paper-050); color: var(--text-700); }

/* Hareket tercihi */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation:none !important; transition:none !important; }
}