/*
Theme Name:   YDDMD — Editorial Dernek
Theme URI:    https://yapidenetimvedeprem.org.tr/
Description:  Yapı Denetim ve Deprem Mühendisliği Derneği için Astra üzerine kurulu, Editorial Dernek tasarım yönünde özel child theme. Dergisel tipografik hiyerarşi, logo renk paleti, dinamik ACF/CPT mimarisi.
Author:       YDDMD
Author URI:   https://yapidenetimvedeprem.org.tr/
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  yddmd
*/

/* ============================================================================
   1. DESIGN TOKENS
   Renk paleti logo'ya hizalı; tipografi Fraunces + IBM Plex Sans + Mono.
   Bütün child component'leri bu değişkenleri kullanır.
   ========================================================================= */

:root {
  /* --- Renk paleti (logo lacivert/turkuaz) --- */
  --yd-paper:        #FFFFFF;
  --yd-paper-soft:   #F7FAFB;
  --yd-paper-cool:   #ECF3F4;
  --yd-ink:          #0E2A47;
  --yd-ink-soft:     #2C4159;
  --yd-ink-faded:    #5E6678;  /* WCAG AA: açık zeminlerde 4.5:1 üstü (eski #6B7588 = 4.42, AA altındaydı) */
  --yd-teal:         #1FAFA0;
  --yd-teal-deep:    #15786E;  /* WCAG AA: paper-cool üstünde 4.7:1 (eski #167F75 = 4.32, AA altındaydı) */
  --yd-teal-soft:    rgba(31, 175, 160, 0.10);
  --yd-coral:        #C44545;
  --yd-rule:         rgba(14, 42, 71, 0.10);
  --yd-rule-strong:  rgba(14, 42, 71, 0.28);

  /* --- Tipografi aileleri --- */
  --yd-f-display:    "Fraunces", "Times New Roman", Georgia, serif;
  --yd-f-body:       "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --yd-f-mono:       "IBM Plex Mono", "Courier New", monospace;

  /* --- Spacing scale (4px baz) --- */
  --yd-s-1: 0.25rem;
  --yd-s-2: 0.5rem;
  --yd-s-3: 0.75rem;
  --yd-s-4: 1rem;
  --yd-s-5: 1.5rem;
  --yd-s-6: 2rem;
  --yd-s-7: 3rem;
  --yd-s-8: 4rem;
  --yd-s-9: 6rem;
  --yd-s-10: 8rem;
  --yd-s-11: 10rem;

  /* --- Container --- */
  --yd-max-w:        1320px;
  --yd-content-w:    1080px;

  /* --- Geçiş eğrileri --- */
  --yd-ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --yd-ease-inout:   cubic-bezier(0.65, 0, 0.35, 1);
}

/* ============================================================================
   2. BASE TYPOGRAPHY (Astra override)
   Astra varsayılan body font'unu YDDMD font ailesiyle değiştir.
   ========================================================================= */

body,
.ast-container,
.entry-content,
input, select, textarea, button {
  font-family: var(--yd-f-body);
  color: var(--yd-ink);
  font-feature-settings: "kern", "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--yd-paper);
  line-height: 1.55;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
  font-family: var(--yd-f-display);
  font-weight: 400;
  letter-spacing: -0.022em;
  line-height: 1.05;
  color: var(--yd-ink);
}

p { color: var(--yd-ink-soft); }

a { color: var(--yd-ink); transition: color 0.2s; }
a:hover, a:focus { color: var(--yd-teal-deep); }

/* Selection */
::selection { background: var(--yd-teal-soft); color: var(--yd-ink); }

/* ============================================================================
   3. UTILITY HELPER CLASSES
   Elementor widget'larına custom class olarak verilecek.
   ========================================================================= */

.yd-eyebrow {
  font-family: var(--yd-f-mono);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--yd-ink-faded);
  display: inline-flex;
  align-items: center;
  gap: var(--yd-s-2);
}
.yd-eyebrow::before {
  content: "";
  width: 4px; height: 4px;
  background: var(--yd-teal);
  border-radius: 50%;
  display: inline-block;
}

.yd-display { font-family: var(--yd-f-display); }
.yd-body    { font-family: var(--yd-f-body); }
.yd-mono    { font-family: var(--yd-f-mono); }

.yd-text-ink      { color: var(--yd-ink); }
.yd-text-ink-soft { color: var(--yd-ink-soft); }
.yd-text-teal     { color: var(--yd-teal-deep); }
.yd-text-faded    { color: var(--yd-ink-faded); }

.yd-italic-teal {
  font-style: italic;
  color: var(--yd-teal-deep);
  font-weight: inherit;
}

/* Component CSS'i — assets/css/yddmd-components.css'te enqueue edilir.
   Bu dosya (style.css) yalnızca tokens + base typography'yi içerir.
   Bir bütün CSS sistemini tek dosyada şişirmemek için ayrıştırılmıştır. */