/* ================================================================
   AYYILDIZ İMZA — TASARIM DİLİ 2.0 — CSS DEĞİŞKENLERİ
   Kaynak: tokens/ayyildiz-tokens.json (tek kaynak). Elle değiştirmeyin;
   önce JSON'u güncelleyin, sonra bu dosyayı eşleyin.
   Sürüm 2.0.3 · 2026-10-26
   ================================================================ */
:root {
  /* --- Kırmızı (karar rengi: birincil buton, hata) --- */
  --ayy-red-50:   #FFF0F2;
  --ayy-red-100:  #FFD5DC;
  --ayy-red-600:  #ED001C;
  --ayy-red-700:  #D9001B;
  --ayy-red-800:  #B90018;

  /* --- Lacivert (başlık, nav, koyu blok) --- */
  --ayy-navy-50:  #F0F3FA;
  --ayy-navy-100: #DAE1EF;
  --ayy-navy-700: #164574;
  --ayy-navy-800: #12365F;
  --ayy-navy-900: #10184F;
  --ayy-navy-950: #04084D;

  /* --- Altın (amblem, ikon, çizgi, eyebrow) --- */
  --ayy-gold-50:  #FFF8F0;
  --ayy-gold-100: #FCE8CD;
  --ayy-gold-200: #F4D2A8;
  --ayy-gold-300: #F4B565;
  --ayy-gold-400: #E89B3D;
  --ayy-gold-500: #ED8314;
  --ayy-gold-600: #C2680A;
  --ayy-gold-700: #B65A02;

  /* --- Nötr --- */
  --ayy-gray-50:  #FCFCFD;
  --ayy-gray-100: #F4F6FA;
  --ayy-gray-200: #E5E8EF;
  --ayy-gray-300: #C9D2E0;
  --ayy-gray-500: #7C8799;
  --ayy-gray-600: #52627A;
  --ayy-gray-700: #284D73;
  --ayy-gray-800: #163B65;
  --ayy-white:    #FFFFFF;

  /* --- Durum --- */
  --ayy-ok:        #047857;  --ayy-ok-bg:      #ECFDF5;  --ayy-ok-border:      #A7F3D0;
  --ayy-warn:      #B45309;  --ayy-warn-bg:    #FFFBEB;  --ayy-warn-border:    #FDE68A;
  --ayy-err:       #991B1B;  --ayy-err-bg:     #FEF2F2;  --ayy-err-border:     #FECACA;
  --ayy-info:      #164574;  --ayy-info-bg:    #F0F3FA;  --ayy-info-border:    #DAE1EF;
  --ayy-neutral:   #284D73;  --ayy-neutral-bg: #F4F6FA;  --ayy-neutral-border: #E5E8EF;

  /* --- Semantik --- */
  --ayy-brand-primary:        var(--ayy-red-600);
  --ayy-brand-primary-hover:  var(--ayy-red-700);
  --ayy-brand-primary-active: var(--ayy-red-800);
  --ayy-brand-accent:         var(--ayy-gold-500);
  --ayy-brand-accent-text:    var(--ayy-gold-700);
  --ayy-brand-heading:        var(--ayy-navy-950);

  --ayy-surface-page:    var(--ayy-gray-50);
  --ayy-surface-section: var(--ayy-gray-100);
  --ayy-surface-card:    var(--ayy-white);
  --ayy-surface-cream:   var(--ayy-gold-50);
  --ayy-surface-hover:   var(--ayy-gray-100);
  --ayy-surface-navy:    var(--ayy-navy-950);

  --ayy-border-divider:  var(--ayy-gray-200);
  --ayy-border-input:    var(--ayy-gray-300);
  --ayy-border-gold:     var(--ayy-gold-200);
  --ayy-border-focus:    var(--ayy-navy-800);

  --ayy-text-heading:     var(--ayy-navy-950);
  --ayy-text-body:        var(--ayy-gray-800);
  --ayy-text-secondary:   var(--ayy-gray-700);
  --ayy-text-muted:       var(--ayy-gray-600);
  --ayy-text-placeholder: var(--ayy-gray-500);
  --ayy-text-on-navy:     var(--ayy-white);
  --ayy-text-on-red:      var(--ayy-white);
  --ayy-text-gold:        var(--ayy-gold-700);

  /* --- Gradyanlar --- */
  --ayy-gradient-gold:    linear-gradient(100deg, #B75600 0%, #E47706 44%, #C26204 82%, #B65A02 100%);
  --ayy-gradient-red:     linear-gradient(180deg, #ED001C 0%, #D9001B 100%);
  --ayy-gradient-navy:    linear-gradient(180deg, #10184F 0%, #04084D 100%);
  --ayy-gradient-hero-bg: linear-gradient(135deg, #FFFFFF 0%, #F4F6FA 55%, #F3F0EA 100%);

  /* --- Tipografi --- */
  --ayy-font-sans: "Manrope", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --ayy-font-mono: "Cascadia Code", "JetBrains Mono", "Consolas", monospace;

  --ayy-type-hero:     56px;   --ayy-type-hero-md: 48px;  --ayy-type-hero-sm: 40px;
  --ayy-type-display:  32px;
  --ayy-type-headline: 24px;
  --ayy-type-title:    18px;
  --ayy-type-body-lg:  18px;
  --ayy-type-body:     16px;
  --ayy-type-value:    16px;
  --ayy-type-button:   15px;
  --ayy-type-nav:      15px;
  --ayy-type-label:    14px;
  --ayy-type-section:  13px;
  --ayy-type-eyebrow:  12px;
  --ayy-type-caption:  12px;
  --ayy-type-badge:    12px;
  --ayy-type-step-no:  20px;

  /* --- Boşluk (8'lik ölçek) --- */
  --ayy-space-1: 4px;  --ayy-space-2: 8px;  --ayy-space-3: 12px; --ayy-space-4: 16px;
  --ayy-space-5: 20px; --ayy-space-6: 24px; --ayy-space-8: 32px; --ayy-space-10: 40px;
  --ayy-space-12: 48px; --ayy-space-16: 64px; --ayy-space-20: 80px; --ayy-space-24: 96px;

  /* --- Köşe --- */
  --ayy-radius-sm: 6px;  --ayy-radius-md: 10px; --ayy-radius-button: 12px;
  --ayy-radius-lg: 14px; --ayy-radius-xl: 20px; --ayy-radius-pill: 999px;

  /* --- Gölge (lacivert tonlu) --- */
  --ayy-shadow-card:       0 2px 4px rgba(4,8,77,0.03), 0 12px 28px rgba(4,8,77,0.10);
  --ayy-shadow-card-hover: 0 4px 8px rgba(4,8,77,0.04), 0 18px 38px rgba(4,8,77,0.14);
  --ayy-shadow-trust:      0 8px 24px rgba(5,22,50,0.08);
  --ayy-shadow-overlay:    0 2px 4px rgba(5,22,50,0.06), 0 12px 24px rgba(5,22,50,0.12), 0 32px 64px rgba(5,22,50,0.16);
  --ayy-shadow-sticky:     0 4px 12px rgba(5,22,50,0.06);
  --ayy-shadow-window:     0 24px 64px rgba(5,22,50,0.18);
  --ayy-shadow-red-glow:   0 8px 20px rgba(237,0,28,0.20);
  --ayy-shadow-focus:      0 0 0 3px rgba(20,48,90,0.18);

  /* --- Hareket --- */
  --ayy-motion-fast: 140ms; --ayy-motion-base: 160ms; --ayy-motion-slow: 180ms;
  --ayy-ease: cubic-bezier(0.2, 0, 0, 1);

  /* --- Boyut --- */
  --ayy-header-h: 72px;  --ayy-header-h-mobile: 60px;
  --ayy-button-h: 44px;  --ayy-button-h-sm: 36px;
  --ayy-input-h: 44px;
  --ayy-container: 1120px; --ayy-container-www: 1200px;
  --ayy-bottomnav-h: 56px;
  --ayy-icon-circle: 72px; --ayy-icon-circle-sm: 56px; --ayy-icon-line: 28px; --ayy-icon-stroke: 1.75;
  --ayy-action-card-h: 100px;
}

/* ----------------------------------------------------------------
   1.0 UYUMLULUK ALİASLARI — ayyildiz-corporate.css'ten geçiş için.
   Mevcut sayfalar kırılmadan yeni değerleri alır. Yeni kodda kullanmayın.
   ---------------------------------------------------------------- */
:root {
  --brand-red:        var(--ayy-red-600);
  --brand-red-hover:  var(--ayy-red-700);
  --brand-red-deep:   var(--ayy-red-800);
  --surface-page:     var(--ayy-surface-page);
  --surface-card:     var(--ayy-surface-card);
  --surface-hover:    var(--ayy-surface-hover);
  --divider:          var(--ayy-border-divider);
  --border-soft:      var(--ayy-gray-200);
  --input-border:     var(--ayy-border-input);
  --input-border-focus: var(--ayy-border-focus);
  --input-bg:         var(--ayy-white);
  --text-primary:     var(--ayy-text-body);
  --text-secondary:   var(--ayy-text-secondary);
  --text-muted:       var(--ayy-text-muted);
  --text-on-brand:    var(--ayy-text-on-red);
  --status-ok:        var(--ayy-ok);
  --status-warn:      var(--ayy-warn);
  --status-err:       var(--ayy-err);
  --radius-card:      var(--ayy-radius-lg);
  --radius-button:    var(--ayy-radius-button);
  --radius-input:     var(--ayy-radius-md);
  --radius-modal:     var(--ayy-radius-xl);
  --radius-pill:      var(--ayy-radius-pill);
  --shadow-card:      var(--ayy-shadow-card);
  --shadow-card-hover: var(--ayy-shadow-card-hover);
  --shadow-overlay:   var(--ayy-shadow-overlay);
  --shadow-sticky:    var(--ayy-shadow-sticky);
}