/* ===============================================
   Gorkeu — Handoff Tokens v1
   Apple HIG dark · pitch black · purple accent · gold secondary
   Mevcut theme.css'in --bg/--card/--primary değişkenlerini override eder.
   =============================================== */
:root {
  /* surfaces — eski --bg/--card/--secondary ile uyumlu */
  --bg:           #000000;
  --card:         #0a0a0a;
  --surface-1:    #0a0a0a;
  --surface-2:    #121214;
  --surface-3:    #1a1a1d;
  --surface-4:    #26262a;
  --surface-5:    #33333a;
  --secondary:    #000000;

  /* text */
  --text:         #ffffff;
  --text-2:       rgba(255,255,255,0.72);
  --text-3:       rgba(255,255,255,0.48);
  --text-4:       rgba(255,255,255,0.30);
  --muted:        rgba(255,255,255,0.48);

  /* borders */
  --border:        rgba(255,255,255,0.06);
  --border-2:      rgba(255,255,255,0.10);
  --border-strong: rgba(255,255,255,0.16);

  /* accent — mor */
  --accent:        #a855f7;
  --accent-2:      #c084fc;
  --accent-3:      #7e22ce;
  --accent-soft:   rgba(168,85,247,0.16);
  --accent-glow:   rgba(168,85,247,0.40);

  /* primary — UYUM: eski sitedeki --primary 'gold' renkti, koruyoruz.
     Yeni mor accent yanında VIP/BTC/premium işaretleri için gold ikincil. */
  --primary:        #FCD34D;
  --primary-2:      #fbbf24;
  --brand-gold:     #f59e0b;
  --brand-gold-2:   #fbbf24;
  --brand-gold-soft: rgba(245,158,11,0.14);

  /* semantic (iOS system) */
  --success:       #30d158;
  --success-soft:  rgba(48,209,88,0.14);
  --danger:        #ff453a;
  --danger-soft:   rgba(255,69,58,0.14);
  --warning:       #ff9f0a;
  --warning-soft:  rgba(255,159,10,0.14);
  --info:          #0a84ff;
  --info-soft:     rgba(10,132,255,0.14);

  /* radius */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* spacing (4-base) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px;

  /* motion */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 120ms;
  --t-base: 200ms;
  --t-slow: 320ms;

  /* shadows (subtle on black) */
  --shadow-1: 0 1px 0 rgba(255,255,255,0.04) inset, 0 0 0 1px var(--border);
  --shadow-2: 0 12px 32px -8px rgba(0,0,0,0.9), 0 0 0 1px var(--border-2);
  --shadow-3: 0 24px 48px -12px rgba(0,0,0,1), 0 0 0 1px var(--border-strong);

  /* layout */
  --topbar-h: 64px;
  --maxw: 1400px;
}

/* iOS safe-area (notch + home indicator) */
@supports (padding: env(safe-area-inset-top)) {
  :root {
    --safe-top: env(safe-area-inset-top);
    --safe-bottom: env(safe-area-inset-bottom);
    --safe-left: env(safe-area-inset-left);
    --safe-right: env(safe-area-inset-right);
  }
}

/* Tabular nums everywhere by default */
html, body {
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums;
}

::selection { background: var(--accent-soft); color: #fff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.16); }

/* numeric helpers */
.tnum { font-variant-numeric: tabular-nums; }
.pos { color: var(--success) !important; }
.neg { color: var(--danger) !important; }
.muted-2 { color: var(--text-2); }
.muted-3 { color: var(--text-3); }