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


@layer components {
}

@layer base {
  body {
    /*
    //styleName: text-sm/leading-5/font-normal;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    */
    @apply font-montserrat font-normal text-sm text-left font-normal leading-5 text-base-gray-500
  }

  h1 {
    /*
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    */
    @apply font-bold text-xl text-[#000000];
  }

  h2 {
    /*
    //styleName: text-lg/leading-6/font-medium;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    */
    @apply text-lg leading-6 font-medium text-title font-inter;
  }

  th {
    /*
    width: Fill (218.67px)px;
    height: Hug (40px)px;
    padding: 12px 16px 12px 16px;
    gap: 0px;
    opacity: 0px;
    */
    @apply text-xs font-medium leading-4 tracking-wider uppercase text-primary-700;
  }
  th span {
    /*
    //styleName: text-xs/leading-4/font-medium/tracking-wider/uppercase;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-align: left;
    */
    @apply text-xs font-medium leading-4 tracking-wider uppercase text-primary-700;
  }

  tr td:first-child {
    /*
    //styleName: text-sm/leading-5/font-medium;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;

    */
    @apply text-sm leading-5 font-medium text-secondary-800;
  }

  label {
    @apply text-sm leading-5 font-medium text-form text-form;
  }

  input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=time] {
    @apply mt-0 w-full border-0 rounded ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-purple-600 text-slate-700;
  }

  input[type=file] {
    @apply mt-1 block w-full px-3 py-2 border-0 rounded ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-purple-600 sm:text-sm sm:leading-6;
  }

  select {
    @apply w-full rounded-md h-10 border-0 py-2 pl-2 pr-10 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-purple-600 sm:text-sm sm:leading-6;
  }

  textarea {
    @apply mt-1 w-full px-3 py-2 border-0 rounded ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-purple-600;
  }

  input::placeholder, textarea::placeholder {
    @apply text-gray-300;
  }

}
/*
 * 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.
 *


 */