@import "tailwindcss";
@import "../../../node_modules/preline/variants.css";

@plugin "@tailwindcss/forms";

@source "../../../node_modules/preline/dist/*.js";

@theme {
  /* Navy */
  --color-usa-navy-50:  #f4f6f9;
  --color-usa-navy-100: #e8ecf2;
  --color-usa-navy-200: #c5cfe0;
  --color-usa-navy-300: #a2b1cd;
  --color-usa-navy-400: #5d739c;
  --color-usa-navy-500: #11294d;
  --color-usa-navy-600: #0f2545;
  --color-usa-navy-700: #0d203d;
  --color-usa-navy-800: #0a1a32;
  --color-usa-navy-900: #081326;
  --color-usa-navy-950: #050b16;

  /* Red */
  --color-usa-red-50:  #fdf5f5;
  --color-usa-red-100: #faebeb;
  --color-usa-red-200: #f1c9cb;
  --color-usa-red-300: #e7a7aa;
  --color-usa-red-400: #d36e75;
  --color-usa-red-500: #b6222b;
  --color-usa-red-600: #a01f27;
  --color-usa-red-700: #8a1b22;
  --color-usa-red-800: #6e161c;
  --color-usa-red-900: #521115;
  --color-usa-red-950: #320a0d;

  /* Cream */
  --color-usa-cream-50:  #fefefc;
  --color-usa-cream-100: #fcfcfa;
  --color-usa-cream-200: #f8f7f3;
  --color-usa-cream-300: #f4f2eb;
  --color-usa-cream-400: #f1ede6;
  --color-usa-cream-500: #eeebe0;
  --color-usa-cream-600: #d6d4ca;
  --color-usa-cream-700: #bfbdb3;
  --color-usa-cream-800: #9a9992;
  --color-usa-cream-900: #75756e;
  --color-usa-cream-950: #454543;

  --color-usa-navy:  var(--color-usa-navy-500);
  --color-usa-red:   var(--color-usa-red-500);
  --color-usa-cream: var(--color-usa-cream-500);
}

@import "../tailwind/utility.css";
@import "../tailwind/buttons.css";

/* Font Awesome Icons */
@import "../../../node_modules/@fortawesome/fontawesome-free/css/fontawesome.css";
@import "../../../node_modules/@fortawesome/fontawesome-free/css/solid.css";
@import "../../../node_modules/@fortawesome/fontawesome-free/css/regular.css";
@import "../../../node_modules/@fortawesome/fontawesome-free/css/brands.css";