/* ============================================================
   FYNEX TASARIM TOKEN'LARI — TEK KAYNAK
   Kaynak: Claude Design "Ön muhasebe programı değerlendirmesi"
   (Fynex Dashboard standalone mockup'ından damıtıldı, 2026-07-06)
   Kural: renk/boşluk/radius/gölge değerleri YALNIZ buradan tüketilir;
   view CSS'inde ham hex yazmak Anayasa ihlalidir (K5 ruhu).
   ============================================================ */
@layer tokens {
  :root {
    /* --- tipografi --- */
    --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-display: "Bricolage Grotesque", var(--font-sans);

    --text-2xs: 10.5px;  /* bölüm etiketi, chip */
    --text-xs: 11.5px;   /* meta, tarih */
    --text-sm: 12.5px;   /* ikincil metin, küçük düğme */
    --text-base: 13.5px; /* gövde, nav */
    --text-md: 15px;     /* panel başlığı */
    --text-lg: 17px;     /* marka */
    --text-display: 27px;/* KPI değeri, sayfa başlığı (display fontuyla) */
    --tracking-label: .08em;

    /* --- renk: zemin & mürekkep --- */
    --bg: #F6F7FA;            /* uygulama zemini */
    --surface: #FFFFFF;       /* kart/panel */
    --surface-muted: #F4F5F9; /* hover, ikincil yüzey */
    --ink: #16182B;           /* ana metin */
    --ink-strong: #2A2D6E;    /* vurgulu rakam (indigo kart içi) */
    --text-2: #4A4D63;        /* ikincil metin, nav */
    --muted: #71758A;         /* açıklama */
    --faint: #8B8FA3;         /* meta, tarih */
    --label: #A6A9BC;         /* bölüm etiketi */

    /* --- renk: marka --- */
    --primary: #4F46E5;
    --primary-2: #2563EB;
    --grad-primary: linear-gradient(135deg, var(--primary), var(--primary-2));
    --primary-soft: #EEF0FF;  /* aktif nav, ikon kutusu */
    --primary-border: rgba(79, 70, 229, .2);

    /* --- renk: durumlar --- */
    --warn: #B7791F;          /* bekliyor metni */
    --warn-soft: #FEF3E2;     /* rozet zemini */
    --warn-icon: #EA8C2B;     /* turuncu avatar/ikon */
    --warn-icon-soft: #FFF1E6;
    --danger: #DC5A5A;
    --danger-soft: #FDEEEE;
    --success: #16A34A;       /* "Kapalı/ödendi" yeşili */
    --success-dot: #22C55E;

    /* --- renk: çizgiler --- */
    --line: rgba(22, 24, 43, .07);   /* kart kenarı, ayraçlar */
    --line-soft: rgba(22, 24, 43, .05); /* satır içi ayraç */
    --line-input: rgba(22, 24, 43, .12);

    /* --- grafik --- */
    --chart-income: #2563EB;
    --chart-expense: #DDE0EA;
    --chart-net: #16182B;

    /* --- vurgulu kart zeminleri --- */
    --card-accent-indigo: linear-gradient(150deg, #EEF0FF, #FBFBFF);
    --card-accent-amber: linear-gradient(150deg, #FEF6E9, #FFFDFA);
    --card-accent-amber-border: rgba(234, 140, 43, .25);
    --amber-ink: #8A5A12;
    --amber-muted: #B08A4F;
    --banner-grad: linear-gradient(120deg, #F2F3FF 0%, #FDFDFF 55%, #FFF6EC 100%);
    --banner-border: rgba(79, 70, 229, .16);
    --banner-line: rgba(79, 70, 229, .12);

    /* --- radius --- */
    --r-pill: 999px;
    --r-xl: 18px;      /* banner */
    --r-lg: 16px;      /* büyük kart/panel */
    --r-card: 14px;    /* KPI/hesap kartı */
    --r-md: 12px;      /* iç kutu */
    --r-icon: 11px;    /* ikon kutusu, logo, büyük CTA */
    --r-nav: 10px;     /* nav öğesi */
    --r-btn: 9px;      /* düğme, avatar */
    --r-xs: 4px;

    /* --- hesap/etiket chip çiftleri (zemin + metin) --- */
    --chip-info-bg: #E6F2FE;   --chip-info-fg: #2563EB;   /* Banka */
    --chip-amber-bg: #FFF1E6;  --chip-amber-fg: #EA8C2B;  /* Kasa */
    --chip-violet-bg: #F4E8FF; --chip-violet-fg: #7C3AED; /* Kart */
    --chip-green-bg: #E7F7ED;  --chip-green-fg: #16A34A;  /* POS */
    --chip-warn-bg: var(--warn-soft); --chip-warn-fg: var(--warn);

    /* --- ZORUNLU bölüm teması (mor) — kesim modalı tip bölümleri
       (İADE/İHRACAT/İSTİSNA) + toplu kesim planı (tasarım 2026-07-10) --- */
    --sec-req-bg: #F6F3FD;                    /* bölüm zemini */
    --sec-req-border: rgba(109, 40, 217, .16);/* bölüm üst çizgisi */
    --sec-req-ink: #6D28D9;                   /* eyebrow/vurgu metni */
    --sec-req-dot: #7C6BE8;                   /* eyebrow noktası */
    --sec-req-chip-bg: #F1ECFE;               /* plan ×N çipi (yurt dışı) */
    --sec-req-input-border: rgba(109, 40, 217, .28);

    /* --- gölge --- */
    --shadow-card: 0 18px 40px -32px rgba(37, 40, 90, .5);
    --shadow-logo: 0 8px 18px -8px rgba(79, 70, 229, .6);
    --shadow-float: 0 20px 44px -16px rgba(22, 24, 43, .6);
    --shadow-menu: 0 24px 48px -20px rgba(22, 24, 43, .35);
    --shadow-soft-card: 0 10px 24px -20px rgba(37, 40, 90, .5);

    /* --- AI dock (asistan yüzeyi — "Fynex Asistan Geliştirmesi") --- */
    --dock-bg: #FBFBFD;         /* dock zemini */
    --dock-head-bg: #F7F8FB;    /* inceleme başlık şeridi */
    --dock-review-bg: #EFF1F6;  /* inceleme çalışma alanı */
    --dock-paper-zone: #DFE1E9; /* PDF önizleme zemini */
    --surface-faint: #FAFAFE;   /* çok hafif yüzey (onay şeridi, hover) */
    --paper-ink: #2A2A33;       /* sentetik fatura kağıdı mürekkebi */
    --paper-muted: #5A5567;
    --paper-line: #E4E4EA;
    --edit-bg: #F8F8FF;         /* düzenleme girdisi zemini */
    --edit-border: rgba(79, 70, 229, .35);
    --danger-strong: #DC2626;   /* kritik nokta / ret */
    --overdue-mid: #C2410C;     /* orta gecikme (31-120 gün) */
    --dot-idle: #E4E6EF;        /* kuyruk ilerleme noktası (pasif) */
    --arrow: #C2C5D4;           /* satır oku › */

    /* --- yerleşim --- */
    --sidebar-w: 236px;
    --content-max: 1240px;
    --content-pad: 28px 36px 40px;
    --gap-panel: 14px;   /* kartlar arası */
    --gap-section: 18px; /* ana bölümler arası */

    /* Geniş ekran bütünsel ölçeği (aşağıdaki media query'lerde 1.25/1.4'e
       çıkar). UYGULAMA İÇİ TEK KAYNAK: hem html zoom'u hem de viewport'a bağlı
       (100vh) yükseklikler bu faktörü tüketir. zoom pencereyi ölçekler ama
       viewport'un kendisini DEĞİL; bu yüzden 100vh, zoom çarpanı kadar taşar.
       100vh/var(--wide-zoom) ile sabit yükseklikli öğeler gerçek görünür
       yüksekliğe oturur. NOT: landing (shells/landing.html) bu token'a BAĞLI
       DEĞİL — kasıtlı ayrı bağımsız alan; kendi zoom kopyası vardır, otomatik
       senkron değildir (bkz. architecture/07 sınır notu). */
    --wide-zoom: 1;
  }

  /* Geniş ekran ölçeği: tasarım mockup'tan 1366-1536 genişlik için
     damıtıldı ve tüm tipografi px token'lıdır (rem kaldıracı yok).
     Bütünsel ölçek düzen matematiğiyle birlikte büyütür; yalnız yazıyı
     büyütmek kart/boşluk oranlarını bozardı, zoom oranı korur.
     Kademeler (2026-08-03 — tek 1.4 basamağı 1920'yi tasarım bandının
     ALTINA itiyordu: 1920/1.4≈1371 < 1366+pay, içerik --content-max'a
     ulaşamıyordu; 1.25 algılanır fark yaratmadı, 1.0 küçük kaldı —
     kullanıcı kalibrasyonu 2026-08-03):
     - 1680–2559px → 1.1: 1920 fiilen ~1745px; içerik --content-max (1240)
       kapağına oturur, kalan boşluk sağda kalır (.shell-main sola yaslı).
     - 2560px+     → 1.4: 2560 fiilen ~1829px davranır.
     NOT: landing bu banda KATILMAZ (1680–2559'da zoom'suz kalır) — kendi
     kopyasında yalnız 2560+ basamağı vardır; bilinçli ayrışma. */
  @media (min-width: 1680px) {
    :root { --wide-zoom: 1.1; }
    html { zoom: var(--wide-zoom); }
  }
  @media (min-width: 2560px) {
    :root { --wide-zoom: 1.4; }
  }
}