/* ============================================================
   tx-theme.css — Transay Brand Theme (Single Source of Truth)
   
   Bu dosya tüm projedeki renk paletini yönetir. Hardcoded hex
   yerine her renk burada tanımlı bir token'dır.
   
   Tema değişikliği için sadece bu dosyadaki değerleri değiştirin.
   ============================================================ */

:root {
    /* === Beyaz / Yüzey ailesi === */
    --tx-white:        #ffffff;
    --tx-cream:        #f1f5f7;
    --tx-cream-soft:   #e5edf0;

    /* === Lacivert ailesi (7 stop) === */
    --tx-navy-50:      #eef3f8;
    --tx-navy-100:     #d3dee6;
    --tx-navy-300:     #84a3b8;
    --tx-navy-500:     #04415f;  /* Ana marka rengi */
    --tx-navy-600:     #0d5c84;
    --tx-navy-700:     #0a2940;
    --tx-navy-800:     #011e2c;
    --tx-navy-900:     #060e1a;
    --tx-navy-1000:    #1a1d24;  /* Sadece tam siyah gerektiğinde */

    /* === Nötr === */
    --tx-text:           var(--tx-navy-900);
    --tx-text-muted:     #6a7a88;
    --tx-text-on-dark:   var(--tx-white);
    --tx-border:         rgba(1, 30, 44, 0.10);
    --tx-border-strong:  rgba(1, 30, 44, 0.18);

    /* === Functional === */
    --tx-error:    #dc2626;
    --tx-success:  #059669;
    --tx-warning:  #f59e0b;
    --tx-gold:     #c79544;

    /* === Soft overlays (cam efekti, glass kartlar için) === */
    --tx-overlay-soft:   rgba(255, 255, 255, 0.06);
    --tx-overlay-light:  rgba(255, 255, 255, 0.10);
    --tx-overlay-strong: rgba(255, 255, 255, 0.18);

    /* === Lacivert-tonal shadow tokenları === */
    --tx-shadow-sm: 0 10px 24px rgba(1, 30, 44, 0.06);
    --tx-shadow-md: 0 18px 42px rgba(1, 30, 44, 0.10);
    --tx-shadow-lg: 0 28px 70px rgba(1, 30, 44, 0.14);
}