:root {
  --primary: #00B4A6;
  --primary-dark: #009688;
  --secondary: #2ECC71;
  --accent: #0A2540;
  --background: #FFFFFF;
  --foreground: #1A1A1A;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.gradient-text {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-bg {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
}

.hero-overlay {
  background: linear-gradient(135deg, rgba(10, 37, 64, 0.85) 0%, rgba(0, 180, 166, 0.75) 100%);
}

[data-hydration-error] { 
  display: none !important; 
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}