/* ==========================================================================
   Sürekli Eğitim — tasarım token'ları
   Kaynak: design_handoff_surekli_egitim/README.md → "Tasarım Token'ları"
   ========================================================================== */

:root {
  /* --- Renkler ------------------------------------------------------- */
  --ses-navy:           #0B3154; /* H1–H3, koyu zeminler, footer */
  --ses-text:           #102A43; /* gövde metni, turuncu üstü metin */
  --ses-muted:          #5C7083; /* açıklama, meta */
  --ses-blue:           #147EB2; /* marka mavisi — link, ikon, aktif menü */
  --ses-blue-dark:      #0C6C9E; /* link hover, alt CTA bandı */
  --ses-blue-bright:    #1998DA; /* hero parantez, footer aksan şeridi */
  --ses-blue-light:     #2AABE2; /* hover kenarlık, footer ikonları */
  --ses-orange:         #F79421; /* birincil CTA, aktif menü alt çizgisi */
  --ses-orange-hover:   #E77F0C;
  --ses-red:            #C8102E; /* E-Devlet rozeti, zorunlu alan yıldızı */
  --ses-red-soft:       #FDECEF; /* kaldır butonu hover zemini */
  --ses-whatsapp:       #25D366;

  /* Yüzeyler */
  --ses-ice:            #F3FAFD; /* kart zeminleri, ikon kutuları */
  --ses-sky:            #EDF7FE; /* sayfa başlığı bölümü, hero zemini */
  --ses-faint:          #F8FCFE; /* not kutuları, tablo başlıkları */
  --ses-cream:          #FFF8EF; /* vurgu kartları, indirim rozeti */
  --ses-white:          #FFFFFF;

  /* Kenarlıklar */
  --ses-border:         #DCECF3;
  --ses-border-strong:  #C7DEE9;
  --ses-border-soft:    #EDF4F8;
  --ses-border-cream:   #F6DCBB;
  --ses-icon-dim:       #A9C6D6;

  /* Kontrast kilidi — turuncu üstünde ASLA beyaz metin kullanılmaz */
  --ses-on-orange:      #102A43;
  --ses-on-blue:        #FFFFFF;

  /* --- Tipografi ----------------------------------------------------- */
  --ses-font: "Manrope", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- Yerleşim ------------------------------------------------------ */
  --ses-container:   1280px;
  --ses-page:        1440px;
  --ses-gutter:      24px;
  --ses-section:     96px;
  --ses-sticky-top:  112px;
  --ses-header-h:    82px;

  /* --- Köşe yarıçapı -------------------------------------------------- */
  --ses-r-pill:   999px;
  --ses-r-panel:  20px;
  --ses-r-card:   18px;
  --ses-r-mid:    16px;
  --ses-r-btn-lg: 14px;
  --ses-r-btn:    12px;
  --ses-r-sm:     10px;
  --ses-r-xs:     9px;
  --ses-r-badge:  7px;

  /* --- Gölgeler ------------------------------------------------------- */
  --ses-shadow-rest:   0 1px 2px rgba(11, 49, 84, .04);
  --ses-shadow-hover:  0 28px 56px -12px rgba(11, 49, 84, .28),
                       0 10px 22px -8px rgba(11, 49, 84, .16);
  --ses-shadow-sticky: 0 12px 34px rgba(11, 49, 84, .08);
  --ses-shadow-frame:  0 30px 66px -28px rgba(11, 49, 84, .34),
                       0 8px 22px -14px rgba(11, 49, 84, .18);
  --ses-shadow-pop:    0 28px 64px -16px rgba(11, 49, 84, .28),
                       0 8px 20px -8px rgba(11, 49, 84, .14);

  /* --- Hareket -------------------------------------------------------- */
  --ses-ease:   cubic-bezier(.22, .61, .36, 1);
  --ses-t-card: 420ms;
  --ses-t-btn:  200ms;
  --ses-t-link: 180ms;
  --ses-t-menu: 200ms;
}