/* Custom styles for Don Askarian's portfolio */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom base styles */
@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply antialiased;
  }
  
  /* Remove all border radius */
  * {
    border-radius: 0 !important;
  }
  
  /* Custom scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    @apply bg-black;
  }
  
  ::-webkit-scrollbar-thumb {
    @apply bg-red-800;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    @apply bg-red-700;
  }
}

/* Custom components */
@layer components {
  .btn {
    @apply inline-block px-6 py-3 text-sm font-medium uppercase tracking-wider transition-colors duration-200;
  }
  
  .btn-primary {
    @apply bg-red-800 text-white hover:bg-red-700;
  }
  
  .btn-outline {
    @apply border border-white text-white hover:bg-white hover:text-black;
  }
  
  /* Aspect ratio containers */
  .aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  }
  
  .aspect-h-9 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  /* Custom underline effect */
  .underline-effect {
    position: relative;
    display: inline-block;
  }
  
  .underline-effect::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    @apply bg-red-800;
    transition: width 0.3s ease;
  }
  
  .underline-effect:hover::after {
    width: 100%;
  }
}