/*
  ASVARIS Tasarim Tokenlari
  ---------------------------------------------------------------------------
  Renkler 10 mockup dosyasindan olculerek cikarildi.
  Olculen kontrast oranlari 4.74:1 - 21:1 araliginda; tamami WCAG 2.2 AA gecer.

  KRITIK: Tipografi ve dokunma hedefi ALT SINIRLARI sisteme gomulmustur.
  Mockup olcumunde ikincil metinler 9-10px cikti; bu cok kucuk.
  Bir gelistirici 11px yazmak isterse token BULAMAZ (Mobil raporu §11).
*/

:root {
  /* ---- Zemin ---- */
  --asv-bg-void:   #05091a;
  --asv-bg-deep:   #080d24;
  --asv-bg-panel:  #0b1230;
  --asv-bg-elev:   #101a3d;

  /* ---- Cizgi ---- */
  --asv-line:        #1e3a6e;
  --asv-line-bright: #2d5299;

  /* ---- Vurgu ---- */
  --asv-cyan:    #00e5d4;
  --asv-blue:    #1c55a8;
  --asv-green:   #2ee06a;
  --asv-amber:   #efa766;
  --asv-red:     #e0344a;
  --asv-purple:  #8b5cf6;

  /* ---- Metin ---- */
  --asv-tx:       #dfe6ff;
  --asv-tx-dim:   #8b9ac4;
  --asv-tx-faint: #5d6b96;

  /* ---- Tipografi · ALT SINIR 14px ---- */
  --asv-text-xs:   14px;   /* en kucuk. Bundan kucugu YOK. */
  --asv-text-sm:   15px;
  --asv-text-base: 16px;   /* govde metni tabani */
  --asv-text-lg:   18px;
  --asv-text-xl:   22px;
  --asv-text-2xl:  28px;

  --asv-font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;
  --asv-font-pixel: "Press Start 2P", var(--asv-font-mono);
  --asv-line-height: 1.6;

  /* ---- Bosluk ---- */
  --asv-space-xs: 4px;
  --asv-space-sm: 8px;
  --asv-space-md: 16px;
  --asv-space-lg: 24px;
  --asv-space-xl: 32px;

  /* ---- Dokunma hedefi · WCAG 2.5.8 (AA) ---- */
  --asv-target-min:     24px;  /* WCAG mutlak taban */
  --asv-target-desktop: 32px;  /* fare ile rahat kullanim */
  --asv-target-touch:   44px;  /* mobil taban */
  --asv-target-danger:  44px;  /* Sil, Acil Durdur - kazara dokunma en pahali hata */

  /* ---- Geometri · pixel-art: sert kose ---- */
  --asv-radius: 0;
  --asv-border: 1px;

  /* ---- Breakpoint referanslari (JS icin) ---- */
  --asv-bp-sm: 640px;
  --asv-bp-md: 768px;
  --asv-bp-lg: 1024px;
  --asv-bp-xl: 1280px;

  /* ---- Odak gostergesi · WCAG 2.4.7 + 1.4.11 (3:1) ---- */
  --asv-focus-color: var(--asv-cyan);
  --asv-focus-width: 3px;

  /* =========================================================================
     ANLAMSAL KATMAN  ·  docs/ARAYUZ-SOZLESMESI.md §5
     -------------------------------------------------------------------------
     Modul CSS'i YUKARIDAKI palet tokenlarini DOGRUDAN kullanmaz. Asagidaki
     anlamsal adlari kullanir; tema degisimi bunlari ezerek calisir.

         var(--asv-cyan)         YANLIS  - tema degisiminde sabit kalir
         var(--asv-vurgu-renk)   DOGRU   - tema ezebilir

     Buradaki degerler DUZ temanin varsayilanlaridir. `tema-pixel.css`
     hepsini `[data-tema="pixel"]` kapsaminda yeniden tanimlar.

     Yeni anlamsal token eklenirse IKISINE DE eklenir. Tek yerde tanimli bir
     token digerinde sessizce bos kalir - hata vermez, sadece renksiz cizer.
     ========================================================================= */

  --asv-font-govde:      var(--asv-font-mono);

  --asv-zemin:           var(--asv-bg-void);
  --asv-zemin-derin:     var(--asv-bg-deep);
  --asv-yuzey:           var(--asv-bg-panel);
  --asv-yuzey-yuksek:    var(--asv-bg-elev);

  --asv-kenar-renk:      var(--asv-line);
  --asv-kenar-parlak:    var(--asv-line-bright);

  --asv-vurgu-renk:      var(--asv-cyan);
  --asv-mavi-vurgu:      var(--asv-blue);
  --asv-basari-renk:     var(--asv-green);
  --asv-dikkat-renk:     var(--asv-amber);
  --asv-hata-renk:       var(--asv-red);
  --asv-ikincil-vurgu:   var(--asv-purple);

  --asv-metin-renk:      var(--asv-tx);
  --asv-metin-soluk:     var(--asv-tx-dim);
  --asv-metin-cok-soluk: var(--asv-tx-faint);

  /* Duz temada yumusak golge; pixel temada sert ofsete donusur. */
  --asv-kart-golge:      0 2px 8px rgb(0 0 0 / 0.35);
  --asv-kose:            2px;
}

/* Gorunur odak gostergesi - mockup'ta hic tasarlanmamisti */
:focus-visible {
  outline: var(--asv-focus-width) solid var(--asv-focus-color);
  outline-offset: 2px;
}

/* Hareket hassasiyeti · WCAG 2.3.3 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}