/* PROGEM — Görsel Sistem Tokenları
   Durum: V4_STAGING_ADAYI / STAGING_ADAYI
   Dosya: public/assets/app/css/progem-tokens.css
   Uygulama: layouts/app.blade.php içinde mevcut stil dosyalarından SONRA yüklenir.
   Kimlik kaynağı: Kurumsal Kimlik Pazarlama / Kurumsal Kimlik — Progem Kurumsal Kimlik.pdf */

:root{
  /* Renk — kılavuzun marka üçlüsü ve beyaz */
  --pg-accent:#0072D2;
  --pg-mid:#055697;
  --pg-navy:#053263;
  --pg-surface:#FFFFFF;

  /* Türetilen arayüz tonları */
  --pg-accent-strong:#005DAB;   /* tonlu yüzeylerde bağlantı rengi */
  --pg-text:#10243A;
  --pg-text-2:#5B6D7D;
  --pg-page:#F7F9FC;
  --pg-footer:#EEF4FA;
  --pg-line:#D8E2EC;            /* dekoratif hairline */
  --pg-line-ui:#5B6D7D;         /* 3:1 gereken UI sınırı */
  --pg-focus:#FFBF47;

  /* Tipografi — ana Lato, ikincil Poppins */
  --pg-font-sans:"Lato",Helvetica,Arial,sans-serif;
  --pg-font-alt:"Poppins",Helvetica,Arial,sans-serif;
  --pg-h1-d:56px; --pg-h1-m:32px;
  --pg-h2-d:40px; --pg-h2-m:26px;
  --pg-h3-d:24px; --pg-h3-m:20px;
  --pg-body:17px; --pg-body-m:16px;
  --pg-meta:13px;
  --pg-lh-tight:1.08; --pg-lh-head:1.14; --pg-lh-body:1.6;
  --pg-track-head:-0.02em; --pg-track-meta:0.14em;

  /* Izgara ve ritim — 16 kolon / 6px ritim */
  --pg-ritim:6px;
  --pg-max:1280px;
  --pg-gutter-d:32px; --pg-gutter-m:20px;
  --pg-cols:16;

  /* Ölçüler */
  --pg-header-d:76px;
  --pg-header-t:68px;
  --pg-header-m:64px;
  --pg-tap-min:44px;
  --pg-banner-d:520px;
  --pg-banner-m-img:320px;
  --pg-page-banner-d:360px;
  --pg-page-banner-m:420px;
  --pg-radius:2px;
  --pg-hairline:1px;

  /* Logo — görünür tam wordmark.
     Kaynak tam tuval 3508 × 2481; alfa bbox x 530–2978, y 913–1568.
     Web yerleşimi görünür bbox 2448 × 655 = 3.7374:1 ile kurulur. */
  --pg-logo-ratio:3.7374;
  --pg-logo-header-d:40px;   /* 149.5 px genişlik */
  --pg-logo-header-t:34px;   /* 127.1 px */
  --pg-logo-header-m:30px;   /* 112.1 px */
  --pg-logo-footer-d:52px;   /* 194.3 px */
  --pg-logo-footer-t:44px;   /* 164.4 px */
  --pg-logo-footer-m:40px;   /* 149.5 px */
  --pg-logo-safe:.11;        /* ilk çubuğun yarısı, dış padding */
}

/* Odak — tek renkli halka her iki yüzeyde 3:1 vermez.
   Çift halka: dış #FFBF47, iç #053263. */
.pg-focusable:focus-visible,
a:focus-visible,button:focus-visible,
[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--pg-focus);
  outline-offset:1px;
  box-shadow:0 0 0 1px var(--pg-navy), 0 0 0 5px rgba(5,50,99,.18);
}

/* Logo — sembol bağımsız ölçeklenmez, kontur eklenmez, oran korunur.
   Açık zeminde renkli sürüm, koyu zeminde beyaz/dişi sürüm. */
/* align-self ve flex:none, column-flex ebeveyn altında cross-axis stretch'in
   width:auto'yu ezip oranı bozmasını engeller. */
.pg-logo{display:block;width:auto;aspect-ratio:2448/655;
  align-self:flex-start;flex:none}
.pg-logo--header{height:var(--pg-logo-header-d)}
.pg-logo--footer{height:var(--pg-logo-footer-d)}
/* Güvenli alan: ilk çubuğun yarısı — dış padding, oranı etkilemez */
.pg-logo-lockup{display:inline-block;
  padding:calc(var(--pg-logo-header-d) * var(--pg-logo-safe))}
@media(max-width:1023px){
  .pg-logo--header{height:var(--pg-logo-header-t)}
  .pg-logo--footer{height:var(--pg-logo-footer-t)}
}
@media(max-width:767px){
  .pg-logo--header{height:var(--pg-logo-header-m)}
  .pg-logo--footer{height:var(--pg-logo-footer-m)}
}

/* Header */
.pg-header{position:sticky;top:0;z-index:60;height:var(--pg-header-d);
  background:var(--pg-surface);border-bottom:var(--pg-hairline) solid var(--pg-line)}
.pg-header--scrolled{box-shadow:0 1px 0 var(--pg-line),0 6px 18px rgba(16,36,58,.06)}
.pg-nav-link{font:700 15px/1 var(--pg-font-sans);color:var(--pg-text);
  padding:calc(var(--pg-ritim)*2) 0;border-bottom:2px solid transparent;text-decoration:none}
.pg-nav-link:hover{color:var(--pg-accent-strong);border-bottom-color:var(--pg-accent)}
.pg-nav-link[aria-current="page"]{color:var(--pg-navy);border-bottom-color:var(--pg-navy)}
@media(max-width:1023px){.pg-header{height:var(--pg-header-t)}}
@media(max-width:767px){.pg-header{height:var(--pg-header-m)}
  .pg-menu-btn{width:var(--pg-tap-min);height:var(--pg-tap-min)}}

/* Meta ve etiket satırları ikincil aileyi kullanır */
.pg-meta{font:500 var(--pg-meta)/1.4 var(--pg-font-alt);
  letter-spacing:var(--pg-track-meta);text-transform:uppercase;color:var(--pg-text-2)}

/* Banner — oran kutusu, CLS 0 */
.pg-banner{position:relative;background:var(--pg-page);overflow:clip}
.pg-banner__media{display:block;width:100%;height:var(--pg-banner-d);
  object-fit:cover;object-position:right center;aspect-ratio:1600/520}
.pg-page-banner__media{display:block;width:100%;height:var(--pg-page-banner-d);
  object-fit:cover;object-position:right center;aspect-ratio:1600/360}
@media(max-width:767px){
  .pg-banner__media{height:var(--pg-banner-m-img);aspect-ratio:480/640;object-position:center}
  .pg-page-banner__media{height:auto;aspect-ratio:480/420;object-position:center bottom}
}
/* Metin HTML katmanında kalır — rasterda metin yoktur. */
.pg-banner__copy{position:absolute;inset:0;display:grid;align-content:center;
  max-width:760px;padding-inline:var(--pg-gutter-d)}
@media(max-width:767px){.pg-banner__copy{position:static;max-width:none;
  padding:calc(var(--pg-ritim)*5) var(--pg-gutter-m)}}

/* Carousel — otomatik kaydırma yok */
.pg-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow:hidden}
.pg-carousel__slide[hidden]{display:none}
.pg-dot{width:var(--pg-tap-min);height:var(--pg-tap-min);display:grid;place-items:center;
  background:none;border:0;cursor:pointer}
.pg-dot i{display:block;width:28px;height:3px;background:var(--pg-line-ui);opacity:.5}
.pg-dot[aria-current="true"] i{background:var(--pg-navy);opacity:1;height:4px}
.pg-arrow{width:var(--pg-tap-min);height:var(--pg-tap-min);border:1px solid var(--pg-line-ui);
  background:var(--pg-surface);color:var(--pg-navy);cursor:pointer}
.pg-arrow:hover{background:var(--pg-navy);color:#fff;border-color:var(--pg-navy)}

/* Footer — açık zemin, resmi renkli logo */
.pg-footer{background:var(--pg-footer);color:var(--pg-text);
  border-top:var(--pg-hairline) solid var(--pg-line)}
.pg-footer a{color:var(--pg-accent-strong);text-decoration:none}   /* 6.0:1 */
.pg-footer a:hover{color:var(--pg-navy);text-decoration:underline}

/* Koyu yüzey — beyaz/dişi logo sürümü zorunlu */
.pg-dark{background:var(--pg-navy);color:var(--pg-surface)}
.pg-dark a{color:var(--pg-surface);text-decoration:underline}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .pg-carousel__track{scroll-behavior:auto}
}