/* ─── Tema: Light Royal (Blue-led) ───────────────────────────────────────────── */
/* Yeni logo'nun canlı mavisine göre yeniden kurgulandı. Altın (gold) yalnızca     */
/* nadir bir vurgu olarak korundu (ince çizgiler, küçük flourish'ler).             */
:root {
  /* Yüzeyler */
  --color-bg:           #FBFCFF;  /* havadar, neredeyse beyaz */
  --color-surface:      #EDF3FF;  /* hafif mavi tonlu — değişen bantlar */
  --color-surface-2:    #F5F9FF;  /* daha açık alternatif yüzey */

  /* Marka mavisi (logodan örneklendi) */
  --color-primary:      #0D63D8;  /* canlı azur — eski navy'nin yerine */
  --color-primary-deep: #073A9E;  /* gradyan / hover için derin kobalt */
  --color-sky:          #2BA4F2;  /* açık gökyüzü mavisi — highlight */

  /* Nadir vurgu */
  --color-accent:       #C9A044;  /* altın — SADECE ince çizgi/küçük detay */

  /* Koyu & metin */
  --color-deep:         #07224A;  /* koyu lacivert — footer / koyu metin */
  --color-text:         #0F2547;  /* gövde başlık metni */
  --color-text-muted:   #5A6B92;  /* ikincil metin */

  /* Çizgiler */
  --color-border:       #DBE5F6;  /* 1px hairline */
  --color-white:        #FFFFFF;

  /* Gradyanlar */
  --grad-primary:       linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);
  --grad-hero-scrim:    linear-gradient(90deg, rgba(7,34,74,0.82) 0%, rgba(7,34,74,0.55) 42%, rgba(7,34,74,0.15) 100%);

  /* Gölgeler */
  --shadow-sm:          0 1px 3px rgba(7,34,74,0.08);
  --shadow-md:          0 10px 30px rgba(7,34,74,0.10);
  --shadow-lg:          0 20px 50px rgba(7,34,74,0.16);

  /* Yarıçap */
  --radius-sm:          8px;
  --radius-md:          12px;
  --radius-lg:          18px;
  --radius-pill:        9999px;
}