/* assets/css/tokens.css
   Design Tokens: renk, tipografi, spacing, radius, shadow
*/
:root{
  /* Colors */
  --c-primary: #0E1A2B;
  --c-gray-900: #1F2933;
  --c-white: #FFFFFF;

  --c-accent-orange: #F26A2E;
  --c-accent-blue: #2A7DBF;

  --c-bg: #0B1423;          /* sayfa arka planı (çok koyu) */
  --c-surface: #0E1A2B;     /* kart arka plan */
  --c-surface-2: #101F34;   /* alternatif */
  --c-border: rgba(255,255,255,.10);
  --c-text: rgba(255,255,255,.92);
  --c-muted: rgba(255,255,255,.70);

  /* Typography */
  --ff-heading: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --ff-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --fs-body: 16px;
  --lh-body: 1.65;

  /* Spacing */
  --container: 1160px;
  --gutter: 20px;

  --s-1: 8px;
  --s-2: 12px;
  --s-3: 16px;
  --s-4: 20px;
  --s-5: 28px;
  --s-6: 40px;
  --s-7: 56px;
  --s-8: 80px;

  /* Radius */
  --r-1: 10px;
  --r-2: 14px;

  /* Shadow (subtle) */
  --sh-1: 0 10px 30px rgba(0,0,0,.35);

  /* Motion */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur-1: 180ms;
  --dur-2: 320ms;
}