@import url('styles/base.css');
@import url('styles/typography.css');
@import url('styles/layout.css');
@import url('styles/navigation.css');
@import url('styles/buttons.css');
@import url('styles/cards.css');
@import url('styles/forms.css');
@import url('styles/animations.css');
@import url('styles/sections/home.css');
@import url('styles/sections/about.css');
@import url('styles/sections/skills.css');
@import url('styles/sections/portfolio.css');
@import url('styles/sections/contact.css');
@import url('styles/footer.css');
@import url('styles/utilities.css');

:root {
  --background: #111827; 
  --foreground: #f3f4f6; 
  --brand-red: #dc2626;
  --brand-red-darker: #b91c1c;
  --brand-gray-light: #eee;
  --card-bg: rgba(255, 255, 255, 0.05);
  --card-border: rgba(255, 255, 255, 0.1);
  --text-muted: #9ca3af;
  --border-color: #374151;
  --input-bg: rgba(55, 65, 81, 0.5); 
  --input-border: #4b5563;
  --primary-font: 'Poppins', sans-serif;
}


.business-tag {
  font-size: 0.7rem;
  color: var(--brand-red);
  margin-left: 0.5rem;
  font-weight: normal;
  border: 1px solid var(--brand-red);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
  vertical-align: middle;
}
.business-tag{
  font-size: 0.6rem;
  padding: 0.05rem 0.25rem;
}