@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import './stars.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  /* Koyu tema (varsayılan) */
  --background: #0d1117;
  --secondary-bg: #1e1e2f;
  --text-primary: #ffffff;
  --text-secondary: #a0aec0;
  --accent: #3b82f6;
}

/* Açık tema */
.light-theme {
  --background: #f7fafc;
  --secondary-bg: #edf2f7;
  --text-primary: #1a202c;
  --text-secondary: #4a5568;
  --accent: #3b82f6;
}

/* Koyu tema */
.dark-theme {
  --background: #0d1117;
  --secondary-bg: #1e1e2f;
  --text-primary: #ffffff;
  --text-secondary: #a0aec0;
  --accent: #3b82f6;
}

body {
  background-color: var(--background);
  color: var(--text-primary);
  font-family: 'Inter', sans-serif;
}

@layer components {
  .container-custom {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
  
  .btn {
    @apply px-6 py-2 rounded-lg font-medium transition-all duration-300;
  }
  
  .btn-primary {
    @apply bg-accent text-white hover:bg-opacity-80;
  }
  
  .btn-outline {
    @apply border-2 border-accent text-accent hover:bg-accent hover:bg-opacity-10;
  }

  .btn-sm {
    @apply px-4 py-1.5 text-sm;
  }

  .section {
    @apply py-16 md:py-24;
  }
  
  /* Tema için özel renkler */
  .text-primary {
    color: var(--text-primary);
  }
  
  .text-secondary {
    color: var(--text-secondary);
  }
  
  .bg-primary {
    background-color: var(--background);
  }
  
  .bg-secondary {
    background-color: var(--secondary-bg);
  }
}