/* Marka tokenleri: renk, tipografi ölçeği, ölçü. Brief BÖLÜM 3 — birebir. */

:root {
  /* Nötr */
  --pg-ink:          #0B0C0E;   /* ana metin, koyu yüzeyler */
  --pg-ink-soft:     #4A5058;   /* ikincil metin */
  --pg-surface:      #FFFFFF;   /* ana zemin */
  --pg-surface-2:    #F1F3F5;   /* alternatif bölüm zemini */
  --pg-line:         rgba(11,12,14,0.10);

  /* Uzay (koyu bölümler) */
  --pg-space:        #0A0B0D;
  --pg-space-2:      #141C30;
  --pg-space-deep:   #04060B;
  --pg-on-space:     #F4F5F7;
  --pg-on-space-dim: rgba(244,245,247,0.62);

  /* Aksan — yörünge mavisi */
  --pg-accent:       #2F7DF6;
  --pg-accent-hi:    #7FADF9;   /* şerit parlak tonu */
  --pg-accent-lo:    #1B4788;   /* şerit koyu tonu */

  /* Küre gradyanı */
  --pg-sphere-lit:   #C8D2E2;
  --pg-sphere-dark:  #1D2740;

  /* Ölçek */
  --pg-max:          1200px;
  --pg-header-h:     72px;
  --pg-radius-sm:    8px;    /* buton */
  --pg-radius:       12px;   /* kart */
  --pg-radius-lg:    24px;   /* ikon karosu */

  /* UI durumları (marka renklerinden türetilmiş) */
  --pg-surface-translucent: rgba(255, 255, 255, 0.86);

  /* Tipografi aileleri */
  --pg-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --pg-font-body:    'Instrument Sans', ui-sans-serif, system-ui, sans-serif;

  /* Tip ölçeği (akışkan) */
  --pg-text-display:  clamp(2.5rem, 6vw, 4.5rem);
  --pg-text-h2:       clamp(1.75rem, 3.5vw, 2.75rem);
  --pg-text-h3:       1.25rem;
  --pg-text-body:     1.0625rem;
  --pg-text-label:    0.75rem;

  /* Boşluk ölçeği (isim çakışmasın diye "gap" — "space" marka renk grubunun adı) */
  --pg-gap-1: 0.5rem;
  --pg-gap-2: 1rem;
  --pg-gap-3: 1.5rem;
  --pg-gap-4: 2rem;
  --pg-gap-5: 3rem;
  --pg-gap-6: 4.5rem;
  --pg-gap-7: 7rem;

  /* Geçiş süresi */
  --pg-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --pg-dur-fast: 160ms;
  --pg-dur-base: 240ms;
}