/* ══════════════════════════════════════════════════════════════════
   PONE — Tasarım Sistemi (design tokens)
   Ekol: Editoryal / kayıt defteri — serif başlık + grotesk gövde,
   çizgili hücre ızgarası, altın aksan. SaaS kartı DEĞİL.

   Kaynak: bu değerler uydurulmadı — canlı üründeki index.html /
   app.html / basvuru.html yüzeylerinden de-facto olarak çıkarıldı
   (2026-08-18). Tek doğru kaynak artık BU dosyadır; sayfalarda
   çıplak hex/px kullanılmaz.
   ══════════════════════════════════════════════════════════════════ */

:root{
  /* ── Renk · zemin ───────────────────────────────────────────── */
  --color-paper:      #FAF9F5;   /* ana kâğıt zemin */
  --color-paper-2:    #F0EDE4;   /* ikincil şerit / vurgulu blok */
  --color-card:       #FFFFFF;   /* hücre içi yükseltme */

  /* ── Renk · mürekkep ────────────────────────────────────────── */
  --color-ink:        #1E2E42;   /* gövde metni */
  --color-ink-2:      #4C596B;   /* ikincil metin */
  --color-ink-3:      #8A93A1;   /* etiket / üst-bilgi */

  /* ── Renk · marka ───────────────────────────────────────────── */
  --color-primary:    #243B54;   /* PONE laciverti */
  --color-primary-d:  #182B40;   /* koyu varyant */
  --color-navy-deep:  #152538;   /* footer / en koyu zemin */
  --color-accent:     #B4924F;   /* altın aksan */
  --color-accent-d:   #977534;   /* altın koyu — metinde AA için */
  --color-accent-s:   #D9C6A0;   /* altın yumuşak */

  /* ── Renk · çizgi ───────────────────────────────────────────── */
  --color-line:       #E4DFD3;
  --color-line-2:     #D2CCBD;

  /* ── Renk · durum (dürüstlük rozetleri) ─────────────────────── */
  --color-live:       #2F6B4F;   /* canlı modül */
  --color-build:      #8A6A20;   /* geliştirme aşamasında */
  --color-plan:       #5B6577;   /* planlanan */

  /* Yüzeye oturan yumuşak zeminler (rozet arkası) */
  --color-live-bg:    #E8F0EA;
  --color-build-bg:   #F4EEDD;
  --color-plan-bg:    #ECEEF1;

  /* ── Tipografi ──────────────────────────────────────────────── */
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body:    'IBM Plex Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', 'IBM Plex Mono', Menlo, monospace;

  /* Ölçek — 1.25 (major third), gövde 16px sabit */
  --type-2xs:  0.625rem;   /* 10px — üst etiket, harf aralığı açık */
  --type-xs:   0.6875rem;  /* 11px — kicker / nav */
  --type-sm:   0.8125rem;  /* 13px */
  --type-base: 1rem;       /* 16px — gövde */
  --type-md:   1.09375rem; /* 17.5px — lede */
  --type-lg:   1.375rem;   /* 22px — kart başlığı */
  --type-xl:   1.625rem;   /* 26px — modal başlığı */
  --type-2xl:  clamp(1.8rem, 3vw, 2.4rem);     /* bölüm başlığı */
  --type-3xl:  clamp(1.9rem, 3.2vw, 2.6rem);
  --type-4xl:  clamp(2.5rem, 5.2vw, 4.1rem);   /* hero */

  --leading-tight: 1.02;
  --leading-snug:  1.35;
  --leading-body:  1.6;
  --tracking-label: .18em;   /* versal etiketler */
  --tracking-kicker:.28em;
  --measure: 65ch;           /* okunur satır uzunluğu */

  /* ── Boşluk · 4px tabanlı ritim ─────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  80px;
  --space-10: 104px;

  /* ── Ölçü ───────────────────────────────────────────────────── */
  --shell-max: 1180px;
  --shell-pad: 28px;
  --read-max:  900px;

  /* ── Radius · sistem kararı, tek sayı değil ─────────────────── */
  --radius-sharp: 0;      /* ızgara hücreleri — kayıt defteri sert kalır */
  --radius-xs:    2px;    /* rozet, küçük etiket */
  --radius-sm:    4px;    /* buton, panel, modal */
  --radius-pill:  999px;  /* yalnız çip */

  /* ── Gölge · seyrek kullanılır (editoryal düzlem) ───────────── */
  --shadow-none:  none;
  --shadow-sheet: 0 40px 90px -40px rgba(24,43,64,.6);
  --shadow-ring:  0 0 0 2px var(--color-paper), 0 0 0 3px var(--color-line-2);

  /* ── Hareket ────────────────────────────────────────────────── */
  --ease: cubic-bezier(.2,.6,.3,1);
  --dur-fast: .16s;
  --dur-base: .24s;
}

/* ── Koyu tema · token seviyesinde ─────────────────────────────
   Kâğıt→gece mürekkebi. Altın aksan korunur ama koyu zeminde
   AA için açık varyanta kayar. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --color-paper:     #14202E;
    --color-paper-2:   #182B40;
    --color-card:      #1B2A3C;
    --color-ink:       #ECE7DC;
    --color-ink-2:     #B3BCC9;
    --color-ink-3:     #7E8998;
    --color-primary:   #7FA3C9;
    --color-primary-d: #A8C2DE;
    --color-navy-deep: #0E1723;
    --color-accent:    #D9B96B;
    --color-accent-d:  #E4CB90;
    --color-accent-s:  #6B5730;
    --color-line:      #26374C;
    --color-line-2:    #33495F;
    --color-live:      #7FC79E;
    --color-build:     #DCBB6A;
    --color-plan:      #9AA6B6;
    --color-live-bg:   #1B3328;
    --color-build-bg:  #33290F;
    --color-plan-bg:   #222E3D;
    --shadow-ring:     0 0 0 2px var(--color-paper), 0 0 0 3px var(--color-line-2);
    --shadow-sheet:    0 40px 90px -40px rgba(0,0,0,.75);
  }
}

/* Açık tercihi olan yerde koyuyu zorlayan override — iki yönde de çalışır */
:root[data-theme="dark"]{
  --color-paper:     #14202E;
  --color-paper-2:   #182B40;
  --color-card:      #1B2A3C;
  --color-ink:       #ECE7DC;
  --color-ink-2:     #B3BCC9;
  --color-ink-3:     #7E8998;
  --color-primary:   #7FA3C9;
  --color-primary-d: #A8C2DE;
  --color-navy-deep: #0E1723;
  --color-accent:    #D9B96B;
  --color-accent-d:  #E4CB90;
  --color-accent-s:  #6B5730;
  --color-line:      #26374C;
  --color-line-2:    #33495F;
  --color-live:      #7FC79E;
  --color-build:     #DCBB6A;
  --color-plan:      #9AA6B6;
  --color-live-bg:   #1B3328;
  --color-build-bg:  #33290F;
  --color-plan-bg:   #222E3D;
  --shadow-sheet:    0 40px 90px -40px rgba(0,0,0,.75);
}

/* ── Hareket duyarlılığı ───────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast: .001s; --dur-base: .001s; }
  *,*::before,*::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important }
}