/* =====================================================================
   TeklifSoft — Tasarım Sistemi Token'ları  (V1: sinematik koyu premium)
   Landing temel alır; admin/diğer alanlara sonra miras kalabilir.
   ===================================================================== */
:root {
  /* — Koyu zemin — */
  --bg:    #05070F;
  --bg-2:  #0A0F1F;
  --bg-3:  #111933;

  /* — Metin (koyu üstü) — */
  --ink:       #FFFFFF;
  --soft:      #AEB9D4;
  --muted:     #6B779A;

  /* — Aksanlar — */
  --brand:   #3B86FF;
  --brand-2: #7C5CFF;
  --accept:  #10B981;

  /* — Cam / çizgi — */
  --glass:    rgba(255,255,255,.05);
  --glass-2:  rgba(255,255,255,.08);
  --line:     rgba(255,255,255,.10);
  --line-2:   rgba(255,255,255,.16);

  /* — Gradyan / mesh / glow — */
  --grad-brand: linear-gradient(135deg, #3B86FF, #1E5FD6);
  --grad-text:  linear-gradient(100deg, #7fb0ff, #b79bff 55%, #5ef0b4);
  --mesh:
    radial-gradient(1000px 560px at 78% -6%, rgba(59,134,255,.40), transparent 60%),
    radial-gradient(760px 520px at 10% 4%, rgba(124,92,255,.30), transparent 58%),
    radial-gradient(680px 460px at 92% 96%, rgba(16,185,129,.16), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg-2));
  --grid-line: rgba(255,255,255,.045);
  --glow-brand:  rgba(59,134,255,.5);
  --glow-violet: rgba(124,92,255,.4);
  --glow-accept: rgba(16,185,129,.42);

  /* — Tipografi — */
  --font-display: 'Urbanist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Urbanist', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-display: clamp(2.6rem, 1.4rem + 4.4vw, 4.5rem);
  --fs-h1:      clamp(2rem, 1.4rem + 2.2vw, 3rem);
  --fs-h2:      clamp(1.7rem, 1.25rem + 1.6vw, 2.4rem);
  --fs-h3:      clamp(1.1rem, 1rem + .45vw, 1.3rem);
  --fs-lead:    clamp(1.05rem, .98rem + .4vw, 1.25rem);
  --fs-body:    1rem;
  --fs-sm:      .875rem;
  --fs-xs:      .76rem;

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.6;

  /* — Spacing — */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-8:3rem; --sp-10:4rem; --sp-12:6rem;

  /* — Radius — */
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:24px; --r-2xl:32px; --r-pill:999px;

  /* — Gölge — */
  --sh-sm: 0 2px 8px rgba(0,0,0,.3);
  --sh-md: 0 18px 40px -16px rgba(0,0,0,.55);
  --sh-lg: 0 60px 120px -40px rgba(0,0,0,.8);
  --sh-brand: 0 18px 40px -14px rgba(59,134,255,.6);
  --sh-lime: 0 16px 32px -12px rgba(16,185,129,.4);

  /* — Hareket — */
  --ease: cubic-bezier(.16,.84,.44,1);
  --ease-out: cubic-bezier(.22,1,.36,1);
  --dur-1:.18s; --dur-2:.32s; --dur-3:.7s;

  --container: 1180px;
}