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

@layer base {
  :root {
    --color-primary: 255 115 179;
    --color-secondary: 111 114 185;
    /* ... */
  }
}
html, body {
  font-family: "Raleway", sans-serif;
}
@layer components {
  .btn {
    @apply  w-full rounded bg-white px-12 py-3 text-sm font-medium text-rose-600 shadow hover:text-rose-700 focus:outline-none focus:ring active:text-rose-500 sm:w-auto
  }
  /* */
  .btn-primary {
    @apply  bg-primary-600 text-white hover:text-gray-200;
  }
  .tag {
    @apply text-black py-1 px-2 rounded-md text-sm
  }
  .h-screen-minus-navbar {
    height: calc(100vh - 100px);
  }
  /* **** devise *** */
  /* devise form */
  .devise h2{
    @apply font-extrabold text-2xl;
  }
  .devise input[type="checkbox"]{
    width: auto !important;
  }
  .devise form{
    @apply flex flex-col space-y-4;
  }
  .devise .actions input {
    @apply py-2 px-4 bg-primary-600;
  }
  .devise  a {
    @apply text-primary-600;
  }
  /* inputs */
  .devise .field input, .input{
    @apply p-2 dark:text-black md:w-96;
  }

  /*  simple forms */
  .simple_form div.input {
    @apply flex flex-col space-y-2 p-0;
  }
  .simple_form .input label {
    @apply  dark:text-gray-200;
  }

  input[name^="commit"] {
    @apply p-2 border;
  }

  .form-header {
    @apply tracking-wide font-semibold my-2;
  }

  #faq summary::marker {
    content: " ";
  }
  #faq summary::after {
    float : right;
    font-size: 32px;
  }
  #faq details[open] summary::after {
    content: "-";
  }
  #faq summary::after {
    content: "+";
  }
}
/*
*/
/*
 * 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.
 *


 */