/* yer.al Brand Tokens — Landing (v2 design canvas)
   Tek kaynak: landing renk/gölge değişkenleri burada tanımlanır.
   Dark tema: <html data-yr-theme="dark"> attribute'u ile uygulanır (site.js). */

:root {
  --brand: #6366f1;
  --brand-light: #8b5cf6;
  --brand-soft: #f0f0ff;
  --brand-hover: #4f46e5;
  --brand-press: #4338ca;

  --t1: #1a1a1a;
  --t2: #666666;
  --t3: #999999;

  --bg: #fafafa;
  --card: #ffffff;
  --alt: #f5f5f7;

  --border: #e5e5e5;
  --border-strong: #d4d4d8;

  --ok: #10b981;
  --warn: #f59e0b;
  --err: #ef4444;
  --info: #0ea5e9;
  --ok-soft: #d1fae5;
  --warn-soft: #fef3c7;
  --err-soft: #fee2e2;

  --nav-bg: rgba(250, 250, 250, 0.85);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 12px 40px rgba(99, 102, 241, 0.14);
  --phone-bezel: #1a1a1a;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

:root[data-yr-theme="dark"] {
  --brand: #8b5cf6;
  --brand-light: #a78bfa;
  --brand-soft: #1e1b4b;
  --brand-hover: #7c3aed;
  --brand-press: #6d28d9;

  --t1: #fafafa;
  --t2: #a3a3a3;
  --t3: #737373;

  --bg: #0a0a0a;
  --card: #171717;
  --alt: #1f1f1f;

  --border: #2a2a2a;
  --border-strong: #404040;

  --ok-soft: rgba(16, 185, 129, 0.15);
  --warn-soft: rgba(245, 158, 11, 0.15);
  --err-soft: rgba(239, 68, 68, 0.15);

  --nav-bg: rgba(10, 10, 10, 0.8);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
  --phone-bezel: #2a2a2a;
}