/* PCRM tasarim token'lari — TEK KAYNAK (manda §2.1 / §3).
   Baska HICBIR dosyada hex renk yazilmaz. Renk = daima var(--token).
   C39b iskeleti. Degerler PCRM_TASARIM_MANDASI.md §2.1'den birebir. */

/* ── Inter (self-host, CDN yok — manda §2.2) ── */
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/static/fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/static/fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/static/fonts/Inter-Bold.woff2') format('woff2');
}

:root {
  /* Zemin ve yuzeyler */
  --p-bg:            #0B1426;                     /* ana zemin (~%60) */
  --p-card:          rgba(255, 255, 255, 0.035);  /* kart zemini */
  --p-card-border:   rgba(255, 255, 255, 0.06);   /* kart kenari */
  --p-input-bg:      rgba(255, 255, 255, 0.03);   /* input zemini */
  --p-input-border:  rgba(255, 255, 255, 0.07);   /* input kenari */
  --p-hover:         rgba(255, 255, 255, 0.04);   /* dropdown/nav satir hover */
  --p-border-strong: rgba(255, 255, 255, 0.14);   /* secondary buton kenari */

  /* Yuzen yuzeyler (modal/dropdown) — backdrop-filter yalniz burada */
  --p-float-bg:      #101B30;                      /* dropdown paneli (opak) */
  --p-modal-bg:      rgba(13, 22, 40, 0.86);       /* modal govdesi */
  --p-scrim:         rgba(4, 8, 18, 0.62);         /* modal arka karartma */

  /* Marka renkleri */
  --p-blue:       #0A3BFF;   /* focus ring, gradyan basi */
  --p-blue-text:  #5D85FF;   /* mavi metin */
  --p-cyan:       #00CBD7;   /* aktif nav, hover, EXECUTE */
  --p-green:      #00B050;   /* primary buton dolgusu */
  --p-green-text: #2ED573;   /* basari metni */
  --p-btn-primary-text: #06210F; /* yesil buton uzeri koyu metin (manda §5) */
  --p-on-color:   #FFFFFF;   /* renkli yuzey uzeri beyaz metin/knob (rozet, avatar, toggle) */

  /* Metin */
  --p-txt:        #E7ECF5;   /* ana metin */
  --p-txt-strong: #FFFFFF;   /* vurgulu baslik */
  --p-txt-dim:    #8B93A7;   /* label, soluk metin */

  /* Durum renkleri (C40a seed'i ve badge'ler bunlari kullanir) */
  --durum-tamam:   #2ED573;  /* basari / tamamlandi */
  --durum-uyari:   #FFC04D;  /* dikkat / beklemede */
  --durum-gecikme: #FF6B6B;  /* risk / gecikme */
  --durum-aktif:   #00CBD7;  /* surec icinde */
  --durum-notr:    #8A94A8;  /* pasif / arsiv */
  --p-acil:        #FF4757;  /* kritik (manda §2.1) */

  /* ══ C44 — Finansal isi skalasi (P3). SUREKLI deger; durum paletinden AYRI
     (spec §5.4 · is emri yetkilendirdi). Durum ailesi gibi TEMADAN BAGIMSIZ —
     .light'ta override EDILMEZ; sureli veri her iki temada tutarli okunur. ══ */
  --isi-1: #E24B4A;   /* 0–25 %  · en dusuk tahsilat / en yuksek risk */
  --isi-2: #EF9F27;   /* 25–50 % */
  --isi-3: #FAC775;   /* 50–75 % */
  --isi-4: #97C459;   /* 75–99 % */
  --isi-5: #639922;   /* 100 %   · tam tahsilat */
  /* bos birim: token yok -> var(--p-card) zemin + var(--p-border-strong) kenar */

  /* Olculer */
  --radius:       8px;
  --radius-card:  12px;
  --radius-lg:    16px;    /* cam kart (PLANO --p-radius-lg) */
  --radius-pill:  6px;
  --focus-ring:   0 0 0 2px rgba(10, 59, 255, 0.55);  /* mavi ring, --p-blue ailesi */
  --touch:        44px;   /* dokunma hedefi alt siniri */

  /* Motion (manda §2.5) */
  --ease-out-std:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-soft: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-reactive:    cubic-bezier(0.2, 0, 0, 1);
  --mo-hover: 130ms; --mo-durum: 240ms; --mo-sahne: 460ms;   /* PLANO süre bantları */

  /* ══ C40g — Görsel kimlik (PLANO deseninden ayıklandı) ══ */
  /* Sidebar / topbar ölçüleri */
  --p-sidebar-w:  240px;
  --p-sidebar-bg: #081020;                    /* ana zeminden koyu; hareye kapalı */
  --p-topbar-h:   56px;
  --p-nav-active: rgba(0, 203, 215, 0.10);    /* aktif nav zemini */
  --p-nav-stripe: linear-gradient(180deg, var(--p-blue), var(--p-cyan));  /* aktif sol şerit */

  /* Hare (atmosfer) — sol-üst mavi · sağ-alt yeşil (PLANO body::before) */
  --p-glow-1: rgba(10, 59, 255, 0.20);
  --p-glow-2: rgba(0, 176, 80, 0.15);

  /* Gölge derinlikleri */
  --p-shadow-card:     inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 24px rgba(0,0,0,0.25);
  --p-shadow-modal:    0 20px 60px rgba(0,0,0,0.20);
  --p-shadow-dropdown: 0 8px 24px rgba(0,0,0,0.25);
  --p-shadow-topbar:   0 1px 3px rgba(0,0,0,0.30);

  /* Logo + ikon dili (Heroicons v1 outline) */
  --p-logo-ribbon-h: 30px;
  --p-logo-word-h:   13px;
  --p-icon-size:     18px;
  --p-icon-size-sm:  15px;
  --p-icon-stroke:   2;

  /* Avatar paleti — token = tek kaynak (8 aile, char-code index) */
  --p-avatar-1: #5D85FF; --p-avatar-2: #2ED573; --p-avatar-3: #FFC04D;
  --p-avatar-4: #FF6B6B; --p-avatar-5: #00CBD7; --p-avatar-6: #B98BFF;
  --p-avatar-7: #FF9F45; --p-avatar-8: #4ECDC4;
}

/* ══ C40g — Açık tema (ek katman; PLANO :root açık paletinden portlandı) ══
   :root koyu = varsayılan (.plano), dokunulmadı. .light yalnız yüzey/metin
   token'larını değiştirir; marka (--p-blue/cyan/green) ve durum renkleri
   (5-aile, manda §2.1) TEMADAN BAĞIMSIZ → override edilmez. */
.light {
  --p-bg:            #EEF1F7;
  --p-card:          #FFFFFF;
  --p-card-border:   #E5E9EF;
  --p-input-bg:      #F9FAFB;
  --p-input-border:  #D1D5DB;
  --p-hover:         #F1F4FB;
  --p-border-strong: #CBD2DD;
  --p-float-bg:      #FFFFFF;
  --p-modal-bg:      #FFFFFF;
  --p-scrim:         rgba(15, 23, 42, 0.35);
  --p-txt:           #1A2035;
  --p-txt-strong:    #0B1220;
  --p-txt-dim:       #6B7280;
  --p-sidebar-bg:    #081020;   /* PLANO açık temada da sidebar koyu kalır (L556) */
  --p-nav-active:    rgba(10, 59, 255, 0.10);
  --p-shadow-card:   0 1px 4px rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.04);
  --p-shadow-modal:  0 20px 60px rgba(0,0,0,0.18);
}
/* System (auto): işletim sistemi açıksa açık tema, koyuysa varsayılan koyu */
@media (prefers-color-scheme: light) {
  .auto {
    --p-bg: #EEF1F7; --p-card: #FFFFFF; --p-card-border: #E5E9EF;
    --p-input-bg: #F9FAFB; --p-input-border: #D1D5DB; --p-hover: #F1F4FB;
    --p-border-strong: #CBD2DD; --p-float-bg: #FFFFFF; --p-modal-bg: #FFFFFF;
    --p-scrim: rgba(15,23,42,0.35); --p-txt: #1A2035; --p-txt-strong: #0B1220;
    --p-txt-dim: #6B7280; --p-sidebar-bg: #081020; --p-nav-active: rgba(10,59,255,0.10);
    --p-shadow-card: 0 1px 4px rgba(0,0,0,0.07), 0 0 0 1px rgba(0,0,0,0.04);
    --p-shadow-modal: 0 20px 60px rgba(0,0,0,0.18);
  }
}