/* Orvex — EpinSoft | Tasarım token'ları v2 (ORVEX-2026-11-12)
   Arduvaz-lacivert katmanlar + mavi/beyaz vurgu. Degrade/ışıltı yok; ince kenarlık, net tipografi.
   Metin/zemin çiftleri WCAG AA (≥4.5:1) ölçülerek seçildi. */

:root {
  color-scheme: dark;

  /* Zemin katmanları */
  --ovx-bg-0: #1d2430;          /* footer */
  --ovx-bg-1: #252d3a;          /* sayfa zemini */
  --ovx-bg-2: #2b3442;          /* header / bölüm bandı */
  --ovx-surface: #2f3746;       /* kart */
  --ovx-surface-2: #2b3442;     /* kart içi alan, input */
  --ovx-surface-3: #384252;     /* hover / seçili */
  --ovx-overlay: rgba(14, 18, 25, .72);

  /* Kenarlık */
  --ovx-line: #3a4455;
  --ovx-line-2: #465163;
  --ovx-line-primary: #4A8FF0;

  /* Metin */
  --ovx-text-1: #f2f2f2;        /* başlık / ana metin  ≈11:1 */
  --ovx-text-2: #b4bcc8;        /* ikincil            ≈6.6:1 */
  --ovx-text-3: #9aa3b2;        /* yardımcı / etiket  ≈4.8:1 (kart üstünde) */

  /* Ana renk: mavi (dolgu) + açık mavi (koyu zemin üstü metin/ikon) */
  --ovx-primary: #2A6FD9;       /* buton dolgusu; beyaz yazı 4.8:1 */
  --ovx-primary-hover: #2563CC;
  --ovx-primary-press: #1F54AD;
  --ovx-primary-soft: rgba(42, 111, 217, .16);
  --ovx-primary-soft-2: rgba(42, 111, 217, .26);
  --ovx-accent: #6AB0FF;        /* bağlantı/ikon/vurgu metni; zeminde 6.1:1 */
  --ovx-text-on-primary: #FFFFFF;

  /* İkincil + durum */
  --ovx-azure: #5CB8F0;
  --ovx-azure-soft: rgba(92, 184, 240, .12);
  --ovx-success: #3ECF8E;
  --ovx-success-soft: rgba(62, 207, 142, .12);
  --ovx-warning: #F5B83D;
  --ovx-warning-soft: rgba(245, 184, 61, .12);
  --ovx-danger: #F26D6D;
  --ovx-danger-soft: rgba(242, 109, 109, .12);
  --ovx-deal: #D93636;          /* indirim rozeti (beyaz metin 4.9:1) */
  --ovx-deal-text: #FFFFFF;

  /* Yarıçap */
  --ovx-r-xs: 4px;
  --ovx-r-sm: 8px;
  --ovx-r-md: 10px;
  --ovx-r-lg: 12px;
  --ovx-r-xl: 16px;
  --ovx-r-pill: 999px;

  /* Gölge (sade) */
  --ovx-shadow-1: 0 1px 2px rgba(0, 0, 0, .2);
  --ovx-shadow-2: 0 4px 12px rgba(0, 0, 0, .22);
  --ovx-shadow-3: 0 10px 28px rgba(0, 0, 0, .35);
  --ovx-glow: 0 0 0 1px var(--ovx-line-primary);
  --ovx-glow-sm: none;
  --ovx-focus: 0 0 0 3px rgba(106, 176, 255, .7);

  /* Boşluk (4 tabanlı) */
  --ovx-s-1: 4px;
  --ovx-s-2: 8px;
  --ovx-s-3: 12px;
  --ovx-s-4: 16px;
  --ovx-s-5: 20px;
  --ovx-s-6: 24px;
  --ovx-s-8: 32px;
  --ovx-s-10: 40px;
  --ovx-s-12: 48px;
  --ovx-s-16: 64px;

  /* Yazı: tek aile */
  --ovx-font-head: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ovx-font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ovx-fs-xs: 12px;
  --ovx-fs-sm: 14px;
  --ovx-fs-md: 15px;
  --ovx-fs-lg: 17px;
  --ovx-fs-xl: 20px;
  --ovx-fs-2xl: 24px;
  --ovx-fs-3xl: 30px;
  --ovx-fs-4xl: clamp(26px, 3.4vw, 40px);
  --ovx-lh-tight: 1.2;
  --ovx-lh: 1.55;

  /* Geçiş (sakin) */
  --ovx-t-fast: 120ms;
  --ovx-t: 180ms;
  --ovx-t-slow: 320ms;
  --ovx-ease: cubic-bezier(.2, .6, .2, 1);
  --ovx-ease-out: cubic-bezier(.2, .8, .2, 1);

  /* Yerleşim */
  --ovx-container: 1320px;
  --ovx-gutter: 16px;
  --ovx-header-h: 68px;
  --ovx-z-header: 50;
  --ovx-z-fab: 60;
  --ovx-z-toast: 80;
}

@media (min-width: 768px) {
  :root { --ovx-gutter: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --ovx-t-fast: 0ms; --ovx-t: 0ms; --ovx-t-slow: 0ms; }
}