/* ===========================================================
   PDR'net — Tasarım Sistemi
   Manevi & dingin · yeşil şifa tonları · altın aksan (logo)
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Unica+One&display=swap');

:root{
  /* — Greens (şifa / huzur) — */
  --ink:        #1C322B;   /* en koyu — başlık metni */
  --pine:       #234A3D;   /* koyu çam — koyu bölümler */
  --pine-deep:  #15281F;   /* footer */
  --green:      #2E5E4E;   /* birincil yeşil */
  --green-soft: #6E9384;   /* yumuşak adaçayı */
  --green-mist: #DCE7E0;   /* sis yeşili — ince çizgi/zemin */

  /* — Warm neutrals (kağıt) — */
  --paper:      #F7F2E9;   /* sayfa zemini, sıcak kağıt */
  --paper-2:    #FBF7F0;   /* açık kart zemini */
  --surface:    #FFFFFF;
  --sand:       #EFE6D5;   /* kum bandı */

  /* — Gold (logodan) — */
  --gold:       #D7AE7C;
  --gold-deep:  #C2925A;
  --gold-soft:  #ECD9BF;

  /* — Metin — */
  --text:       #2A3F38;
  --text-soft:  #5C7068;
  --text-faint: #8A9A93;
  --on-dark:    #EFE7D8;
  --on-dark-soft:#B7C6BD;

  /* — Tipografi — */
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:  'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --arab:  'IBM Plex Sans Arabic', 'Plus Jakarta Sans', sans-serif;
  --logo:  'Unica One', 'Newsreader', Georgia, serif;

  /* — Şekil — */
  --r-sm: 10px;
  --r:    16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(28,50,43,.06), 0 2px 6px rgba(28,50,43,.05);
  --shadow:    0 4px 14px rgba(28,50,43,.07), 0 12px 32px rgba(28,50,43,.07);
  --shadow-lg: 0 18px 50px rgba(28,50,43,.13);
  --shadow-gold: 0 10px 28px rgba(194,146,90,.22);

  --ease: cubic-bezier(.4,.02,.2,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-size:17px;
  line-height:1.6;
}
[dir="rtl"]{ font-family:var(--arab); }

h1,h2,h3,h4{ font-family:var(--serif); font-weight:500; color:var(--ink); letter-spacing:-.01em; line-height:1.12; margin:0; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{ font-family:var(--arab); font-weight:600; letter-spacing:0; }
p{ margin:0; }
a{ color:inherit; text-decoration:none; }
img{ display:block; max-width:100%; }

.eyebrow{
  font-family:var(--sans);
  font-size:13px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold-deep);
  display:inline-flex; align-items:center; gap:10px;
}
.eyebrow::before{ content:""; width:26px; height:1.5px; background:var(--gold); display:inline-block; }
[dir="rtl"] .eyebrow{ letter-spacing:0; }

/* — Butonlar — */
.btn{
  font-family:var(--sans);
  font-weight:600; font-size:16px;
  border:none; cursor:pointer;
  border-radius:var(--r-pill);
  padding:15px 28px;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
  white-space:nowrap;
}
.btn:active{ transform:translateY(1px) scale(.99); }
.btn-primary{ background:var(--green); color:#F4EFE4; box-shadow:var(--shadow-sm); }
.btn-primary:hover{ background:var(--ink); box-shadow:var(--shadow); transform:translateY(-2px); }
.btn-gold{ background:var(--gold); color:#3A2A14; box-shadow:var(--shadow-gold); }
.btn-gold:hover{ background:var(--gold-deep); transform:translateY(-2px); }
.btn-ghost{ background:transparent; color:var(--green); box-shadow:inset 0 0 0 1.5px var(--green-mist); }
.btn-ghost:hover{ box-shadow:inset 0 0 0 1.5px var(--green); background:rgba(46,94,78,.04); }
.btn-lg{ padding:18px 34px; font-size:17px; }

/* — Kartlar — */
.card{
  background:var(--surface);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(46,94,78,.07);
}

/* — İllüstrasyon placeholder — */
.illus{
  position:relative; overflow:hidden;
  border-radius:var(--r-lg);
  background:
    repeating-linear-gradient(135deg, rgba(215,174,124,.10) 0 10px, rgba(215,174,124,0) 10px 20px),
    linear-gradient(160deg, var(--gold-soft), var(--green-mist));
  display:flex; align-items:flex-end;
}
.illus::after{
  content:attr(data-label);
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  font-size:11px; letter-spacing:.04em;
  color:var(--green); opacity:.7;
  background:rgba(255,255,255,.6);
  padding:5px 10px; border-radius:7px; margin:12px;
  backdrop-filter:blur(2px);
}

/* — Genel yardımcılar — */
.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 40px; }
.section{ padding:96px 0; }
.muted{ color:var(--text-soft); }
.center{ text-align:center; }

/* — Bölüm zeminleri — */
.bg-paper{ background:var(--paper); }
.bg-sand{ background:var(--sand); }
.bg-pine{ background:var(--pine); color:var(--on-dark); }
.bg-pine h1,.bg-pine h2,.bg-pine h3,.bg-pine h4{ color:#F2EADB; }

/* hairline */
.hr{ height:1px; background:linear-gradient(90deg, transparent, rgba(46,94,78,.18), transparent); border:0; }

/* === Logo wordmark — Unica One (global) === */
.brand b, .brand b i,
.cbar .brand b, .cbar .brand b i,
.side .brand b, .side .brand b i,
.topnav .brand b, .topnav .brand b i,
.bnav .brand b, .bnav .brand b i,
.footer .brand b, .footer .brand b i,
.rbar .rbrand, .rbar .rbrand i,
.foot-lockup b{
  font-family: var(--logo) !important;
  font-weight: 400 !important;
  letter-spacing: .02em;
}

@media (max-width:760px){
  body{ font-size:16px; }
  .container{ padding:0 22px; }
  .section{ padding:60px 0; }
}