/* ============================================================
   MAGOSTORE MARKETPLACE — TASARIM JETONLARI
   ------------------------------------------------------------
   Tek kaynak. Hem satıcı paneli hem vitrin bunu kullanır.
   Botble temasına taşıma:
     platform/themes/farmart/public/css/magostore-tokens.css
   ve theme.json içinden ilk stil olarak yüklenir.

   Renk kullanım oranı (bozulmaması gereken denge):
     ~%70 paper/card  ·  ~%22 ink ailesi  ·  ~%8 lime
   Lime bir zemin rengi değil, vurgu. Tek kahraman kart, aktif
   menü öğesi ve birincil eylem dışında kullanılmaz.
   ============================================================ */
:root{
  /* --- mürekkep: koyu orman yeşili --- */
  --ink:        #0D2A1A;   /* ana metin, koyu yüzey */
  --ink-2:      #17563A;   /* ikincil koyu, grafik çubuğu */
  --ink-3:      #2F7A54;   /* üçüncül, ikon */

  /* --- aksan: lime (AZ kullan) --- */
  --lime:       #A8EA55;
  --lime-deep:  #7BC93A;   /* hover, ikinci grafik serisi */
  --lime-wash:  #E8F8D2;   /* çok açık dolgu, başarı arkaplanı */

  /* --- yüzeyler --- */
  --paper:      #F1F4EC;   /* sayfa zemini, adaçayı tonlu */
  --card:       #FFFFFF;
  --sand:       #E6E9DE;   /* nötr dolgu, grafik rayı */
  --line:       #E2E7DC;   /* kenarlık */

  /* --- metin --- */
  --muted:      #525E50;
  --muted-2:    #647064;

  /* --- durum: kırmızı alarm yok, kiremit --- */
  --brick:      #B8442E;
  --brick-wash: #FBEDE9;
  --amber:      #BC7F16;
  --amber-wash: #FDF4E2;

  /* --- yarıçap --- */
  --r-lg: 22px;   /* kart */
  --r-md: 14px;   /* iç kutu, buton */
  --r-sm:  9px;   /* etiket, ikon kutusu */

  /* --- gölge: çok yumuşak, iki katman --- */
  --shadow-card: 0 1px 2px rgba(13,42,26,.04), 0 8px 24px -12px rgba(13,42,26,.10);
  --shadow-hero: 0 2px 4px rgba(13,42,26,.06), 0 18px 40px -18px rgba(23,86,58,.35);

  /* --- tipografi: TEK YÜZ, Manrope --------------------------------
     Üç ayrı yüzle kurulan hiyerarşi tek yüze indi. Ayrımı artık
     AĞIRLIK ve TRACKING taşıyor:
        başlık  → 800, tracking -.035em
        arayüz  → 500/600, tracking 0
        rakam   → 600/700 + tabular figürler
     Manrope geniş bir yüz; büyük punto'da negatif tracking şart,
     yoksa başlıklar dağınık durur.                                  */
  --sans:    "Manrope", system-ui, -apple-system, sans-serif;
  --display: "Manrope", var(--sans);
  --mono:    "Manrope", var(--sans);

  /* Tip ölçeği */
  --t-h1: 20px;  --t-h2: 15px;   --t-h3: 13.5px;
  --t-body: 14px; --t-sm: 12.5px; --t-xs: 11px;
  --t-eyebrow: 9.5px;

  /* --- boşluk --- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 22px; --sp-6: 30px;
}

/* Para rakamları: tek yüz olduğu için hizayı MONO değil TABULAR FİGÜRLER
   sağlıyor. Manrope tnum özelliğini destekliyor; bu olmadan çift taraflı
   defterin kolonları kayar ve okunmaz hale gelir.
   Ağırlık 600/700 ile çevre metinden ayrışıyor. */
.num, .money, td.r, .amount{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-weight: 600;
  letter-spacing: -.015em;
}

/* Başlıklarda negatif tracking — Manrope'un genişliğini dengeler */
.h-display{ font-weight:800; letter-spacing:-.035em; line-height:1.08 }
.h-section{ font-weight:800; letter-spacing:-.03em }
.h-card{    font-weight:700; letter-spacing:-.015em }
.eyebrow{   font-weight:800; letter-spacing:.14em; text-transform:uppercase }

/* Erişilebilirlik tabanı — her ekranda geçerli */
:focus-visible{ outline:2.5px solid var(--ink-2); outline-offset:2px; border-radius:4px }
@media (prefers-reduced-motion:reduce){ *{ transition:none!important; animation:none!important } }