/* Carrier Mitr Custom Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap');

:root {
  --primary-navy: #000a1e;
  --primary-blue: #002147;
  --secondary-orange: #fe6500;
  --secondary-dark: #a33e00;
  --bg-light: #f9f9ff;
  --border-light: #c4c6cf;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, .font-brand {
  font-family: 'Montserrat', sans-serif;
}

/* Material Symbols configuration */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1;
}

/* Custom transitions & effects */
.transition-smooth {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.gradient-hero {
  background: radial-gradient(circle at top right, rgba(254, 101, 0, 0.08), transparent 50%),
              radial-gradient(circle at bottom left, rgba(0, 33, 71, 0.06), transparent 50%);
}

.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px -5px rgba(0, 33, 71, 0.08), 0 8px 10px -6px rgba(0, 33, 71, 0.04);
}

/* Form input styling */
.form-input-custom:focus {
  border-color: #fe6500;
  box-shadow: 0 0 0 1px #fe6500;
}