/* Tailwind CSS Custom Styles for Steel360 Theme */

/* Custom Steel360 Colors */
:root {
  --steel-primary: #1e40af;
  --steel-secondary: #ea580c;
  --steel-success: #16a34a;
  --steel-dark: #0f172a;
  --steel-light: #f8fafc;
  --bg-main: #000000;
  --bg-gradient-end: #1A1A1A;
  --text-light: #F8F9F4;
  --text-dark: #2A2523;
  --accent-orange: #DB6A31;
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-bg-base: rgba(255, 255, 255, 0.05);
  --chat-sent-glass: rgba(255, 255, 255, 0.1);
  --chat-received-glass: rgba(255, 255, 255, 0.02);
  --subtle-gray: #6C757D;
}

/* Base Components */
@layer components {

  /* Buttons */
  .btn-steel {
    @apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-lg shadow-steel transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2;
  }

  .btn-primary {
    @apply btn-steel bg-steel-blue hover:bg-steel-700 text-white focus:ring-steel-500;
  }

  .btn-secondary {
    @apply btn-steel bg-steel-orange hover:bg-orange-700 text-white focus:ring-steel-orange;
  }

  .btn-outline {
    @apply btn-steel bg-transparent border-steel-300 text-steel-700 hover:bg-steel-50 focus:ring-steel-500;
  }

  /* Containers */
  .container-steel {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }

  .container-narrow {
    @apply max-w-4xl mx-auto px-4 sm:px-6 lg:px-8;
  }

  /* Sections */
  .section-padding {
    @apply py-16 lg:py-24;
  }

  .section-padding-sm {
    @apply py-8 lg:py-12;
  }

  /* Cards */
  .card-steel {
    @apply bg-white rounded-2xl shadow-steel p-6 lg:p-8 transition-all duration-300 hover:shadow-steel-lg;
  }

  /* Typography */
  .heading-xl {
    @apply text-4xl lg:text-5xl xl:text-6xl font-bold font-heading text-steel-900 leading-tight;
  }

  .heading-lg {
    @apply text-3xl lg:text-4xl font-bold font-heading text-steel-900 leading-tight;
  }

  .heading-md {
    @apply text-2xl lg:text-3xl font-bold font-heading text-steel-900 leading-tight;
  }

  .text-lead {
    @apply text-lg lg:text-xl text-steel-600 leading-relaxed;
  }

  /* Gradients */
  .bg-gradient-steel {
    @apply bg-gradient-to-br from-steel-blue to-steel-800;
  }

  .bg-gradient-orange {
    @apply bg-gradient-to-br from-steel-orange to-orange-700;
  }

  /* Animations */
  .fade-in {
    @apply opacity-0 translate-y-4 transition-all duration-700 ease-out;
  }

  .fade-in.active {
    @apply opacity-100 translate-y-0;
  }

  /* Form Elements */
  .input-steel {
    @apply w-full px-4 py-3 border border-steel-300 rounded-lg focus:ring-2 focus:ring-steel-500 focus:border-transparent transition-all duration-200;
  }

  .textarea-steel {
    @apply input-steel resize-none;
  }
}

/* Classes customizadas removidas - agora usando classes padrão do Tailwind */

/* Font family Inter */
body,
.font-sans {
  font-family: 'Inter', sans-serif;
}