/* Global styles */
:root {
	--primary: rgba(0, 186, 229, 1);
	--primary-dark: rgba(0, 150, 190, 1);
	--secondary: #13151a;
	--text: #333333;
	--text-light: #666666;
	--light: #f8f9fa;
	--white: #ffffff;
	--gray: #cccccc;
	--dark-gray: #888888;
	--transition: all 0.3s ease;
  }
  
  * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
  }
  
  html {
	scroll-behavior: smooth;
  }
  
  body {
	font-family: 'Inter', sans-serif;
	color: var(--text);
	line-height: 1.6;
	font-size: 16px;
	overflow-x: hidden;
	background-color: var(--white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  a {
	text-decoration: none;
	color: inherit;
  }
  
  button {
	cursor: pointer;
	font-family: inherit;
  }
  
  img {
	max-width: 100%;
	height: auto;
  }
  
  /* Utility classes */
  .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
  }
  
  .text-center {
	text-align: center;
  }
  
  .mb-1 {
	margin-bottom: 0.5rem;
  }
  
  .mb-2 {
	margin-bottom: 1rem;
  }
  
  .mb-3 {
	margin-bottom: 1.5rem;
  }
  
  .mb-4 {
	margin-bottom: 2rem;
  }
  
  .mb-5 {
	margin-bottom: 3rem;
  }
  
  .mt-1 {
	margin-top: 0.5rem;
  }
  
  .mt-2 {
	margin-top: 1rem;
  }
  
  .mt-3 {
	margin-top: 1.5rem;
  }
  
  .mt-4 {
	margin-top: 2rem;
  }
  
  .mt-5 {
	margin-top: 3rem;
  }
  
  /* For screens smaller than 768px */
  @media screen and (max-width: 768px) {
	html {
	  font-size: 14px;
	}
  }