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

@layer components {
  .dropdown-primary {
    @apply mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 ring-theme sm:text-sm sm:leading-6 lg:w-1/2;
  }

  .dropdown-error {
    @apply mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-red-500 ring-1 ring-inset ring-red-500 focus:ring-2 ring-theme sm:text-sm sm:leading-6 lg:w-1/2;
  }

  .input-error {
    @apply block w-full rounded-md border-0 py-1.5 text-red-500 shadow-sm ring-1 ring-inset ring-red-500 placeholder:text-red-500 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:text-sm sm:leading-6 lg:w-1/2;
  }
  
  .input-primary {
    @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset ring-theme sm:text-sm sm:leading-6 lg:w-1/2;
  }

  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }

  

  .default .bg-theme-100 {
    background-color: theme('colors.default.lime.100');
  }
  
  .default .bg-theme-600 {
    background-color: theme('colors.default.lime.600');
  }
  
  .default .bg-theme-900 {
    background-color: theme('colors.default.lime.900');
  }

  .encontrack .bg-theme-100 {
    background-color: theme('colors.encontrack.lime.100');
  }
  
  .encontrack .bg-theme-600 {
    background-color: theme('colors.encontrack.lime.600');
  }
  
  .encontrack .bg-theme-900 {
    background-color: theme('colors.encontrack.lime.900');
  }

  .movtech .bg-theme-100 {
    background-color: theme('colors.movtech.lime.100');
  }
  
  .movtech .bg-theme-600 {
    background-color: theme('colors.movtech.lime.600');
  }
  
  .movtech .bg-theme-900 {
    background-color: theme('colors.movtech.lime.900');
  }

  .localiza .bg-theme-100 {
    background-color: theme('colors.localiza.lime.100');
  }
  
  .localiza .bg-theme-600 {
    background-color: theme('colors.localiza.lime.600');
  }
  
  .localiza .bg-theme-900 {
    background-color: theme('colors.localiza.lime.900');
  }

  .optima .bg-theme-100 {
    background-color: theme('colors.optima.lime.100');
  }
  
  .optima .bg-theme-600 {
    background-color: theme('colors.optima.lime.600');
  }
  
  .optima .bg-theme-900 {
    background-color: theme('colors.optima.lime.900');
  }

  .gaviotas .bg-theme-100 {
    background-color: theme('colors.gaviotas.lime.100');
  }
  
  .gaviotas .bg-theme-600 {
    background-color: theme('colors.gaviotas.lime.600');
  }
  
  .gaviotas .bg-theme-900 {
    background-color: theme('colors.gaviotas.lime.900');
  }
  
  .budget .bg-theme-100 {
    background-color: theme('colors.budget.lime.100');
  }
  
  .budget .bg-theme-600 {
    background-color: theme('colors.budget.lime.600');
  }
  
  .budget .bg-theme-900 {
    background-color: theme('colors.budget.lime.900');
  }
  
  .default .ring-theme {
    @apply focus:ring-default-lime-600;
  }

  .encontrack .ring-theme {
    @apply focus:ring-encontrack-lime-600;
  }

  .movtech .ring-theme {
    @apply focus:ring-movtech-lime-600;
  }

  .localiza .ring-theme {
    @apply focus:ring-localiza-lime-600;
  }

  .optima .ring-theme {
    @apply focus:ring-optima-lime-600;
  }

  .gaviotas .ring-theme {
    @apply focus:ring-gaviotas-lime-600;
  }

  .budget .ring-theme {
    @apply focus:ring-budget-lime-600;
  }

  .default .text-theme {
    @apply text-default-lime-900
  }

  .encontrack .text-theme {
    @apply text-encontrack-lime-900
  }

  .movtech .text-theme {
    @apply text-movtech-lime-900
  }

  .localiza .text-theme {
    @apply text-localiza-lime-900
  }

  .optima .text-theme {
    @apply text-optima-lime-900
  }

  .gaviotas .text-theme {
    @apply text-gaviotas-lime-900
  }

  .budget .text-theme {
    @apply text-budget-lime-900
  }

  .default .text-theme-600 {
    color: theme('colors.default.lime.600');
  }
  
  .default .text-theme-900 {
    color: theme('colors.default.lime.900');
  }

  .encontrack .text-theme-600 {
    color: theme('colors.encontrack.lime.600');
  }
  
  .encontrack .text-theme-900 {
    color: theme('colors.encontrack.lime.900');
  }

  .movtech .text-theme-600 {
    color: theme('colors.movtech.lime.600');
  }
  
  .movtech .text-theme-900 {
    color: theme('colors.movtech.lime.900');
  }

  .localiza .text-theme-600 {
    color: theme('colors.localiza.lime.600');
  }
  
  .localiza .text-theme-900 {
    color: theme('colors.localiza.lime.900');
  }

  .optima .text-theme-600 {
    color: theme('colors.optima.lime.600');
  }
  
  .optima .text-theme-900 {
    color: theme('colors.optima.lime.900');
  }

  .gaviotas .text-theme-600 {
    color: theme('colors.gaviotas.lime.600');
  }
  
  .gaviotas .text-theme-900 {
    color: theme('colors.gaviotas.lime.900');
  }

  .budget .text-theme-600 {
    color: theme('colors.budget.lime.600');
  }
  
  .budget .text-theme-900 {
    color: theme('colors.budget.lime.900');
  }

  .default .hover\:text-theme-600:hover {
    color: theme('colors.default.lime.600');
  }
  
  .default .hover\:text-theme-900:hover {
    color: theme('colors.default.lime.900');
  }

  .encontrack .hover\:text-theme-600:hover {
    color: theme('colors.encontrack.lime.600');
  }
  
  .encontrack .hover\:text-theme-900:hover {
    color: theme('colors.encontrack.lime.900');
  }

  .movtech .hover\:text-theme-600:hover {
    color: theme('colors.movtech.lime.600');
  }
  
  .movtech .hover\:text-theme-900:hover {
    color: theme('colors.movtech.lime.900');
  }

  .localiza .hover\:text-theme-600:hover {
    color: theme('colors.localiza.lime.600');
  }
  
  .localiza .hover\:text-theme-900:hover {
    color: theme('colors.localiza.lime.900');
  }

  .optima .hover\:text-theme-600:hover {
    color: theme('colors.optima.lime.600');
  }
  
  .optima .hover\:text-theme-900:hover {
    color: theme('colors.optima.lime.900');
  }

  .gaviotas .hover\:text-theme-600:hover {
    color: theme('colors.gaviotas.lime.600');
  }
  
  .gaviotas .hover\:text-theme-900:hover {
    color: theme('colors.gaviotas.lime.900');
  }

  .budget .hover\:text-theme-600:hover {
    color: theme('colors.budget.lime.600');
  }
  
  .budget .hover\:text-theme-900:hover {
    color: theme('colors.budget.lime.900');
  }
}


/* Gaviotas theme styles */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */