/* Legend v2 — yapisal tokenlar. Renkler config/theme.php ile :root'a basilir. */

:root {
  /* ── Turetilmis gradyanlar — hepsi tema degiskenlerinden kurulur ── */

  /* Ana aksiyon (satin al butonu) — kartlardan parlak kalir */
  --lg-grad-action:
      linear-gradient(160deg,
        color-mix(in srgb, var(--lg-accent-bright) 55%, var(--lg-accent)),
        var(--lg-accent) 52%,
        var(--lg-accent-deep) 100%);
  --lg-grad-action-edge:
      linear-gradient(120deg, var(--lg-accent-bright), var(--lg-accent-deep) 58%, var(--lg-surface-3));

  /* Paket karti */
  --lg-grad-card:
      linear-gradient(115deg, var(--lg-surface-3), var(--lg-surface-2));
  --lg-grad-card-on:
      linear-gradient(180deg, var(--lg-card-on-1), var(--lg-card-on-2));
  --lg-grad-rail:
      linear-gradient(180deg, var(--lg-rail-1), var(--lg-rail-2) 75%, var(--lg-rail-3));
  --lg-grad-rail-on:
      linear-gradient(180deg, var(--lg-rail-on-1), var(--lg-rail-on-2) 60%, var(--lg-rail-on-3));
  --lg-grad-ribbon:
      linear-gradient(115deg, var(--lg-accent), var(--lg-accent-deep) 70%, var(--lg-accent-dark));

  /* Panel (Soz / Ozellikler / Anket / Karsilastirma / Puan / Yorumlar) */
  --lg-grad-panel:
      linear-gradient(140deg, var(--lg-panel-1), var(--lg-panel-2));
  --lg-grad-panel-edge:
      linear-gradient(120deg, var(--lg-accent-mid) 0%, var(--lg-accent-deep) 48%, var(--lg-surface-3) 100%);
  --lg-grad-panel-line:
      linear-gradient(90deg, transparent, var(--lg-accent-soft), transparent);

  /* Kutucuk (panel icindeki kartlar) */
  --lg-grad-tile:
      linear-gradient(135deg, var(--lg-tile-1), var(--lg-tile-2));

  /* Ilerleme cubuklari */
  --lg-grad-bar:
      linear-gradient(90deg, var(--lg-accent-deep), var(--lg-accent) 70%, var(--lg-accent-bright));

  /* Karsilastirma satiri */
  --lg-grad-row:
      linear-gradient(110deg, var(--lg-row-1), var(--lg-row-2));

  /* Sinyal kapsulu parlama supurgesi */
  --lg-grad-sweep:
      linear-gradient(110deg,
        transparent 26%,
        rgba(255, 255, 255, .26) 48%,
        transparent 70%);

  /* Ozellik satiri */
  --lg-grad-feature:
      linear-gradient(135deg, var(--lg-surface-3), var(--lg-surface-2));

  /* Stok uyari seridi */
  --lg-grad-stock:
      linear-gradient(110deg, var(--lg-accent-deep), var(--lg-accent-dark) 55%, var(--lg-surface-2));

  /* Sinyal seritleri */
  --lg-grad-ok:   linear-gradient(115deg, var(--lg-ok-bg-1), var(--lg-ok-bg-2));
  --lg-grad-warn: linear-gradient(115deg, var(--lg-warn-bg-1), var(--lg-warn-bg-2));

  /* ── Tipografi ── */
  --lg-font:       -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --lg-fs-3xs:     .5rem;     /*  8px */
  --lg-fs-2xs:     .625rem;   /* 10px */
  --lg-fs-xs:      .6875rem;  /* 11px */
  --lg-fs-sm:      .8125rem;  /* 13px */
  --lg-fs-base:    .875rem;   /* 14px */
  --lg-fs-md:      .9375rem;  /* 15px */
  --lg-fs-lg:      1rem;      /* 16px */
  --lg-fs-xl:      1.125rem;  /* 18px */
  --lg-fs-2xl:     1.2rem;    /* 19.2px — buton */
  --lg-fs-3xl:     1.375rem;  /* 22px — paket fiyati */
  --lg-fs-price:   2.1rem;    /* 33.6px — ana fiyat */
  --lg-fs-h1:      2.15rem;   /* 34.4px */

  /* ── Olcu ── */
  --lg-gap-3xs:    4px;
  --lg-gap-2xs:    6px;
  --lg-gap-xs:     8px;
  --lg-gap-sm:     12px;
  --lg-gap:        16px;
  --lg-gap-lg:     24px;
  --lg-gap-xl:     40px;
  --lg-gap-2xl:    56px;

  --lg-r-sm:       7px;
  --lg-r:          9px;
  --lg-r-md:       10px;
  --lg-r-lg:       14px;

  --lg-tap:        44px;
  --lg-max:        1500px;
  --lg-max-footer: 1272px;
  --lg-pad-x:      24px;

  --lg-ease:       .18s ease;
  /* Anket cubuklarinin dolma suresi */
  --lg-survey-fill: 1.6s;
}

@media (max-width: 767px) {
  :root {
    --lg-pad-x:  16px;
    --lg-fs-h1:  1.5rem;
    --lg-fs-price: 1.75rem;
  }
}