/* 10growth.agency Custom Styles */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --bg-color: #F7F6F2;
  --text-main: #1A1A18;
  --text-muted: #6B6B66;
  --accent-blue: #4A6FA5;
  --border-color: #E8E6DF;
}

body {
  background-color: var(--bg-color);
  color: var(--text-main);
}

/* Custom Grid Utilities */
.border-grid { border: 1px solid var(--border-color); }
.border-grid-t { border-top: 1px solid var(--border-color); }
.border-grid-b { border-bottom: 1px solid var(--border-color); }
.border-grid-l { border-left: 1px solid var(--border-color); }
.border-grid-r { border-right: 1px solid var(--border-color); }

/* Editorial Font Family */
.font-editorial {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

/* Transitions & Hover Effects */
.hover-trigger .hover-target {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
  opacity: 0.5;
}

.hover-trigger:hover .hover-target {
  transform: translateX(8px);
  opacity: 1;
  color: var(--accent-blue);
}

/* Float Animation */
@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Custom Selection */
::selection {
  background: var(--accent-blue);
  color: #FFFFFF;
}