@import "tailwindcss";

/* Mobile Menu Styles */
@import "./components/layout/Header/mobile-menu.css";

.collapse {
    visibility: visible !important;
}

.collapse.show {
    visibility: visible;
}

/* Header Responsive Styles */
@import "./components/layout/Header/header-responsive.css";



@theme {

  --color-brand-blue: #1b254b;
  
  --color-brand-light: #f8fbff;

  --color-ui-muted: #6b7280;
  
  --color-ui-border: #e5e7eb;

  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

@layer components {
  .bento-item {
    @apply border border-[--color-ui-border] bg-white;
  }
}